mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-11-30 11:08:45 +08:00
fix(test case): fix test case for directory tree component
This commit is contained in:
kavin
偏右
parent
e161a2ae76
commit
fc697007c5
@ -1,5 +1,189 @@
|
|||||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||||
|
|
||||||
|
exports[`Directory Tree DirectoryTree should expend all when use treeData and defaultExpandAll is true 1`] = `
|
||||||
|
<ul
|
||||||
|
class="ant-tree ant-tree-directory"
|
||||||
|
role="tree"
|
||||||
|
unselectable="on"
|
||||||
|
>
|
||||||
|
<li
|
||||||
|
class="ant-tree-treenode-switcher-open"
|
||||||
|
role="treeitem"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
class="ant-tree-switcher ant-tree-switcher_open"
|
||||||
|
>
|
||||||
|
<i
|
||||||
|
aria-label="icon: caret-down"
|
||||||
|
class="anticon anticon-caret-down ant-tree-switcher-icon"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
aria-hidden="true"
|
||||||
|
class=""
|
||||||
|
data-icon="caret-down"
|
||||||
|
fill="currentColor"
|
||||||
|
focusable="false"
|
||||||
|
height="1em"
|
||||||
|
viewBox="0 0 1024 1024"
|
||||||
|
width="1em"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</i>
|
||||||
|
</span>
|
||||||
|
<span
|
||||||
|
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"
|
||||||
|
title="Folder"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
class="ant-tree-iconEle ant-tree-icon__customize"
|
||||||
|
>
|
||||||
|
<i
|
||||||
|
aria-label="icon: folder-open"
|
||||||
|
class="anticon anticon-folder-open"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
aria-hidden="true"
|
||||||
|
class=""
|
||||||
|
data-icon="folder-open"
|
||||||
|
fill="currentColor"
|
||||||
|
focusable="false"
|
||||||
|
height="1em"
|
||||||
|
viewBox="64 64 896 896"
|
||||||
|
width="1em"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M928 444H820V330.4c0-17.7-14.3-32-32-32H473L355.7 186.2a8.15 8.15 0 0 0-5.5-2.2H96c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h698c13 0 24.8-7.9 29.7-20l134-332c1.5-3.8 2.3-7.9 2.3-12 0-17.7-14.3-32-32-32zM136 256h188.5l119.6 114.4H748V444H238c-13 0-24.8 7.9-29.7 20L136 643.2V256zm635.3 512H159l103.3-256h612.4L771.3 768z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</i>
|
||||||
|
</span>
|
||||||
|
<span
|
||||||
|
class="ant-tree-title"
|
||||||
|
>
|
||||||
|
Folder
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
<ul
|
||||||
|
class="ant-tree-child-tree ant-tree-child-tree-open"
|
||||||
|
data-expanded="true"
|
||||||
|
role="group"
|
||||||
|
>
|
||||||
|
<li
|
||||||
|
class="ant-tree-treenode-switcher-open"
|
||||||
|
role="treeitem"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
class="ant-tree-switcher ant-tree-switcher_open"
|
||||||
|
>
|
||||||
|
<i
|
||||||
|
aria-label="icon: caret-down"
|
||||||
|
class="anticon anticon-caret-down ant-tree-switcher-icon"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
aria-hidden="true"
|
||||||
|
class=""
|
||||||
|
data-icon="caret-down"
|
||||||
|
fill="currentColor"
|
||||||
|
focusable="false"
|
||||||
|
height="1em"
|
||||||
|
viewBox="0 0 1024 1024"
|
||||||
|
width="1em"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</i>
|
||||||
|
</span>
|
||||||
|
<span
|
||||||
|
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"
|
||||||
|
title="Folder2"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
class="ant-tree-iconEle ant-tree-icon__customize"
|
||||||
|
>
|
||||||
|
<i
|
||||||
|
aria-label="icon: folder-open"
|
||||||
|
class="anticon anticon-folder-open"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
aria-hidden="true"
|
||||||
|
class=""
|
||||||
|
data-icon="folder-open"
|
||||||
|
fill="currentColor"
|
||||||
|
focusable="false"
|
||||||
|
height="1em"
|
||||||
|
viewBox="64 64 896 896"
|
||||||
|
width="1em"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M928 444H820V330.4c0-17.7-14.3-32-32-32H473L355.7 186.2a8.15 8.15 0 0 0-5.5-2.2H96c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h698c13 0 24.8-7.9 29.7-20l134-332c1.5-3.8 2.3-7.9 2.3-12 0-17.7-14.3-32-32-32zM136 256h188.5l119.6 114.4H748V444H238c-13 0-24.8 7.9-29.7 20L136 643.2V256zm635.3 512H159l103.3-256h612.4L771.3 768z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</i>
|
||||||
|
</span>
|
||||||
|
<span
|
||||||
|
class="ant-tree-title"
|
||||||
|
>
|
||||||
|
Folder2
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
<ul
|
||||||
|
class="ant-tree-child-tree ant-tree-child-tree-open"
|
||||||
|
data-expanded="true"
|
||||||
|
role="group"
|
||||||
|
>
|
||||||
|
<li
|
||||||
|
class=""
|
||||||
|
role="treeitem"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
class="ant-tree-switcher ant-tree-switcher-noop"
|
||||||
|
/>
|
||||||
|
<span
|
||||||
|
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
|
||||||
|
title="File"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
class="ant-tree-iconEle ant-tree-icon__customize"
|
||||||
|
>
|
||||||
|
<i
|
||||||
|
aria-label="icon: file"
|
||||||
|
class="anticon anticon-file"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
aria-hidden="true"
|
||||||
|
class=""
|
||||||
|
data-icon="file"
|
||||||
|
fill="currentColor"
|
||||||
|
focusable="false"
|
||||||
|
height="1em"
|
||||||
|
viewBox="64 64 896 896"
|
||||||
|
width="1em"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0 0 42 42h216v494z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</i>
|
||||||
|
</span>
|
||||||
|
<span
|
||||||
|
class="ant-tree-title"
|
||||||
|
>
|
||||||
|
File
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
`;
|
||||||
|
|
||||||
exports[`Directory Tree defaultExpandAll 1`] = `
|
exports[`Directory Tree defaultExpandAll 1`] = `
|
||||||
<ul
|
<ul
|
||||||
class="ant-tree ant-tree-directory"
|
class="ant-tree ant-tree-directory"
|
||||||
|
|||||||
@ -119,6 +119,30 @@ describe('Directory Tree', () => {
|
|||||||
expect(wrapper).toMatchSnapshot();
|
expect(wrapper).toMatchSnapshot();
|
||||||
});
|
});
|
||||||
|
|
||||||
|
it('DirectoryTree should expend all when use treeData and defaultExpandAll is true', () => {
|
||||||
|
const treeData = [
|
||||||
|
{
|
||||||
|
key: '0-0-0',
|
||||||
|
title: 'Folder',
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
title: 'Folder2',
|
||||||
|
key: '0-0-1',
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
title: 'File',
|
||||||
|
key: '0-0-2',
|
||||||
|
isLeaf: true,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
];
|
||||||
|
const wrapper = render(createTree({ defaultExpandAll: true, treeData }));
|
||||||
|
expect(wrapper).toMatchSnapshot();
|
||||||
|
});
|
||||||
|
|
||||||
it('defaultExpandParent', () => {
|
it('defaultExpandParent', () => {
|
||||||
const wrapper = render(createTree({ defaultExpandParent: true }));
|
const wrapper = render(createTree({ defaultExpandParent: true }));
|
||||||
expect(wrapper).toMatchSnapshot();
|
expect(wrapper).toMatchSnapshot();
|
||||||
|
|||||||
@ -1,7 +1,7 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { mount } from 'enzyme';
|
import { mount } from 'enzyme';
|
||||||
import Tree from '../index';
|
import Tree from '../index';
|
||||||
import { calcRangeKeys, getFullKeyListByTreeData } from '../util';
|
import { calcRangeKeys } from '../util';
|
||||||
|
|
||||||
const { TreeNode } = Tree;
|
const { TreeNode } = Tree;
|
||||||
|
|
||||||
@ -32,51 +32,4 @@ describe('Tree util', () => {
|
|||||||
const target = ['0-0-0', '0-0-1', '0-1', '0-2', '0-2-0', '0-2-0-0', '0-2-0-1'];
|
const target = ['0-0-0', '0-0-1', '0-1', '0-2', '0-2-0', '0-2-0-0', '0-2-0-1'];
|
||||||
expect(keys.sort()).toEqual(target.sort());
|
expect(keys.sort()).toEqual(target.sort());
|
||||||
});
|
});
|
||||||
|
|
||||||
it('calc range keys by treeData', () => {
|
|
||||||
const treeData = [
|
|
||||||
{
|
|
||||||
key: '0-0-0',
|
|
||||||
title: 'Folder',
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
title: 'Folder2',
|
|
||||||
key: '0-0-1',
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
title: 'File',
|
|
||||||
key: '0-0-2',
|
|
||||||
isLeaf: true,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: '0-0-3',
|
|
||||||
title: 'Folder',
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
title: 'File',
|
|
||||||
key: '0-0-4',
|
|
||||||
isLeaf: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'File',
|
|
||||||
key: '0-0-5',
|
|
||||||
isLeaf: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'File',
|
|
||||||
key: '0-0-6',
|
|
||||||
isLeaf: true,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
const keys = getFullKeyListByTreeData(treeData);
|
|
||||||
const target = ['0-0-0', '0-0-1', '0-0-2', '0-0-3', '0-0-4', '0-0-5', '0-0-6'];
|
|
||||||
expect(keys.sort()).toEqual(target.sort());
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user