it('find dom node', () => {
     const rootElement = document.createElement('div');
     ReactDOM.render(React.createElement('div'), rootElement);
     ReactDOM.findDOMNode(rootElement);
     ReactDOM.findDOMNode(null);
     ReactDOM.findDOMNode(undefined);
 });

export function keyHandler(index: number, position: string, refsCollection: any[], kids: any[], custom = false) {
  if (!Array.isArray(kids)) {
    return;
  }
  let nextIndex;
  if (position === 'up') {
    if (index === 0) {
      // loop back to end
      nextIndex = kids.length - 1;
    } else {
      nextIndex = index - 1;
    }
  } else if (index === kids.length - 1) {
    // loop back to beginning
    nextIndex = 0;
  } else {
    nextIndex = index + 1;
  }
  if (refsCollection[nextIndex] === null) {
    keyHandler(nextIndex, position, refsCollection, kids, custom);
  } else if (custom) {
    if (refsCollection[nextIndex].focus) {
      refsCollection[nextIndex].focus()
    }
    const element = ReactDOM.findDOMNode(refsCollection[nextIndex]) as HTMLElement;
    element.focus()
  }
  else {
    refsCollection[nextIndex].focus();
  }
}

 _onDrag(){
     let e:any = d3.event,
         t = e.translate,
         z = e.scale,
         el = ReactDOM.findDOMNode(this.props.children as SVGGElement);
     d3.select(el)
         .attr('transform','translate('+t+')');
 }

export function enableTypeaheadFeatures(typeahead: any, name: string, required: boolean) {
  const typeaheadInput =
    ReactDOM.findDOMNode(typeahead.getInstance()).querySelector(`input[name=${name}]`)
  typeaheadInput.setAttribute('id', name)

  if (required) {
    typeaheadInput.setAttribute('required', 'true')
  }
}

export function isMounted(component: React.ReactInstance) {
    try {
        ReactDOM.findDOMNode(component);
        return true;
    } catch (e) {
        // Error: Invariant Violation: Component (with keys: props,context,state,refs,_reactInternalInstance) contains `render` method but is not mounted in the DOM
        return false;
    }
}

 public show(data) {
     this.setState({
         title: data.title,
         startDate: data.startDate,
         endDate: data.endDate,
         duration: data.duration,
         description: data.description
     });
     const item = DOM.findDOMNode(this) as any;
     item.style.display = 'flex';
 }

export const hasClass = (inst, className)=> {
  if(ReactTestUtils.isDOMComponent(inst.node)) {
    return inst.hasClass(className)
  } else {
    try {
      let classes = ReactDOM.findDOMNode(inst.node).className
      return (' ' + classes + ' ').indexOf(' ' + className + ' ') > -1
    } catch (e){}
  }
  return false
}

    it('Simulate', () => {
        const element = document.createElement('div');
        const dom = ReactDOM.render(
            React.createElement('input', { type: 'text' }),
            element
        ) as Element;
        const node = ReactDOM.findDOMNode(dom) as HTMLInputElement;

        node.value = 'giraffe';
        ReactTestUtils.Simulate.change(node);
        ReactTestUtils.Simulate.keyDown(node, { key: "Enter", keyCode: 13, which: 13 });
    });

export function fitHeaderText(maxFontHeight, minFontHeight, component, className: any) {
    const node = ReactDOM.findDOMNode(component);
    let headerNode = node.getElementsByClassName(className)[0];

    headerNode.childNodes.forEach(node => {
        fitty(node, {
            maxSize: maxFontHeight,
            minSize: minFontHeight,
            multiLine: true
        })
    })
}

 public show(data: any) {
     this.setState({
         left: data.left,
         top: data.top,
         title: data.title,
         startDate: data.startDate,
         endDate: data.endDate,
         duration: data.duration,
         description: data.description
     });
     const item = DOM.findDOMNode(this) as any;
     item.style.display = 'block';
 }