Merge branch 'master' into 13883-arrow-animation-is-not-working-after-loading

[arvados-workbench2.git] / src / components / tree / tree.test.tsx

diff --git a/src/components/tree/tree.test.tsx b/src/components/tree/tree.test.tsx
index bb0499f8d18e2daf7a0a5d7330344966f012cc08..58484c37a2358a538cd6f8af2827506d0f809b92 100644 (file)
--- a/src/components/tree/tree.test.tsx
+++ b/src/components/tree/tree.test.tsx
@@ -5,51 +5,47 @@ import * as React from 'react';
 import { mount } from 'enzyme';
 import * as Enzyme from 'enzyme';
 import * as Adapter from 'enzyme-adapter-react-16';
-import { Collapse } from '@material-ui/core';
-import CircularProgress from '@material-ui/core/CircularProgress';
 import ListItem from "@material-ui/core/ListItem/ListItem";
 
-import Tree, {TreeItem} from './tree';
-import { Project } from '../../models/project';
+import { Tree, TreeItem } from './tree';
+import { ProjectResource } from '../../models/project';
+import { mockProjectResource } from '../../models/test-utils';
+
 Enzyme.configure({ adapter: new Adapter() });
 
 describe("Tree component", () => {
 
-       it("should render ListItem", () => {
-               const project: TreeItem<Project> = {
-            data: {
-                name: "sample name",
-                createdAt: "2018-06-12",
-                modifiedAt: "2018-06-13",
-                uuid: "uuid",
-                ownerUuid: "ownerUuid",
-                href: "href",
-            },
+    it("should render ListItem", () => {
+        const project: TreeItem<ProjectResource> = {
+            data: mockProjectResource(),
             id: "3",
             open: true,
-                       active: true,
-                       status: 1,
+            active: true,
+            status: 1,
         };
-               const wrapper = mount(<Tree render={project => <div/>} toggleItem={() => { }} items={[project]}/>)
-               expect(wrapper.find(ListItem)).toHaveLength(1);
-       });
-    
+        const wrapper = mount(<Tree
+            render={project => <div />}
+            toggleItemOpen={jest.fn()}
+            toggleItemActive={jest.fn()}
+            onContextMenu={jest.fn()}
+            items={[project]} />);
+        expect(wrapper.find(ListItem)).toHaveLength(1);
+    });
+
     it("should render arrow", () => {
-               const project: TreeItem<Project> = {
-            data: {
-                name: "sample name",
-                createdAt: "2018-06-12",
-                modifiedAt: "2018-06-13",
-                uuid: "uuid",
-                ownerUuid: "ownerUuid",
-                href: "href",
-            },
+        const project: TreeItem<ProjectResource> = {
+            data: mockProjectResource(),
             id: "3",
             open: true,
-                       active: true,
-                       status: 1,
+            active: true,
+            status: 1,
         };
-               const wrapper = mount(<Tree render={project => <div/>} toggleItem={() => { }} items={[project]}/>)
-               expect(wrapper.find('i')).toHaveLength(1);
-       });
+        const wrapper = mount(<Tree
+            render={project => <div />}
+            toggleItemOpen={jest.fn()}
+            toggleItemActive={jest.fn()}
+            onContextMenu={jest.fn()}
+            items={[project]} />);
+        expect(wrapper.find('i')).toHaveLength(1);
+    });
 });