DocSpace-buildtools/web/ASC.Web.Components/src/components/tree-menu/tree-menu.test.js

import React from 'react';
import { mount } from 'enzyme';
import TreeMenu from '.';
import TreeNode from './sub-components/tree-node';

describe('<TreeMenu />', () => {
  it('renders without error', () => {
    const wrapper = mount(
      <TreeMenu
        checkable={false}
        draggable={true}
        disabled={false}
        multiple={false}
        showIcon={true}
        showLine={false}
      >
        <TreeNode title="Parent" key="0-0">
          <TreeNode
            title="Child"
            key="0-0-0"
          ></TreeNode>
        </TreeNode>
      </TreeMenu>
    );

    expect(wrapper).toExist();
  });

  it('accepts id', () => {
    const wrapper = mount(
      <TreeMenu
        id="testId"
        checkable={false}
        draggable={true}
        disabled={false}
        multiple={false}
        showIcon={true}
        showLine={false}
      >
        <TreeNode title="Parent" key="0-0">
          <TreeNode
            title="Child"
            key="0-0-0"
          ></TreeNode>
        </TreeNode>
      </TreeMenu>
    );

    expect(wrapper.prop('id')).toEqual('testId');
  });

  it('accepts className', () => {
    const wrapper = mount(
      <TreeMenu
        className="test"
        checkable={false}
        draggable={true}
        disabled={false}
        multiple={false}
        showIcon={true}
        showLine={false}
      >
        <TreeNode title="Parent" key="0-0">
          <TreeNode
            title="Child"
            key="0-0-0"
          ></TreeNode>
        </TreeNode>
      </TreeMenu>
    );

    expect(wrapper.prop('className')).toEqual('test');
  });

  it('accepts style', () => {
    const wrapper = mount(
      <TreeMenu
        style={{ color: 'red' }}
        checkable={false}
        draggable={true}
        disabled={false}
        multiple={false}
        showIcon={true}
        showLine={false}
      >
        <TreeNode title="Parent" key="0-0">
          <TreeNode
            title="Child"
            key="0-0-0"
          ></TreeNode>
        </TreeNode>
      </TreeMenu>
    );

    expect(wrapper.getDOMNode().style).toHaveProperty('color', 'red');
  });
});