src/components/tree/tree.test.tsx

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4 import * as React from 'react';
   5 import { mount } from 'enzyme';
   6 import * as Enzyme from 'enzyme';
   7 import * as Adapter from 'enzyme-adapter-react-16';
   8 import { Collapse } from '@material-ui/core';
   9 import CircularProgress from '@material-ui/core/CircularProgress';
  10 import ListItem from "@material-ui/core/ListItem/ListItem";
  11
  12 import Tree, {TreeItem} from './tree';
  13 import { Project } from '../../models/project';
  14 Enzyme.configure({ adapter: new Adapter() });
  15
  16 describe("Tree component", () => {
  17
  18         it("should render ListItem", () => {
  19                 const project: TreeItem<Project> = {
  20             data: {
  21                 name: "sample name",
  22                 createdAt: "2018-06-12",
  23                 modifiedAt: "2018-06-13",
  24                 uuid: "uuid",
  25                 ownerUuid: "ownerUuid",
  26                 href: "href",
  27             },
  28             id: "3",
  29             open: true,
  30                         active: true,
  31                         status: 1,
  32         };
  33                 const wrapper = mount(<Tree render={project => <div/>} toggleItem={() => { }} items={[project]}/>)
  34                 expect(wrapper.find(ListItem)).toHaveLength(1);
  35         });
  36
  37     it("should render arrow", () => {
  38                 const project: TreeItem<Project> = {
  39             data: {
  40                 name: "sample name",
  41                 createdAt: "2018-06-12",
  42                 modifiedAt: "2018-06-13",
  43                 uuid: "uuid",
  44                 ownerUuid: "ownerUuid",
  45                 href: "href",
  46             },
  47             id: "3",
  48             open: true,
  49                         active: true,
  50                         status: 1,
  51         };
  52                 const wrapper = mount(<Tree render={project => <div/>} toggleItem={() => { }} items={[project]}/>)
  53                 expect(wrapper.find('i')).toHaveLength(1);
  54         });
  55 });