@ftrack/react-toolbox/components/menu/__test__/index.spec.js

A set of React components implementing Google's Material Design specification with the power of CSS Modules.

import expect from 'expect';
import React from 'react';
import ReactDOM from 'react-dom';
import ReactTestUtils from 'react-dom/test-utils';
import Menu from '../Menu';
import MenuItem, {MenuItem as RawMenuItem} from '../MenuItem';

describe('MenuItem', function () {
  describe('#onClick', function () {
    it('passes to listener the event', function () {
      let listenerCalled = false;
      const handleClick = function (event) {
        listenerCalled = true;
        expect(event).toExist();
        expect(event.target).toExist();
      };

      const tree = ReactTestUtils.renderIntoDocument(
        <Menu>
          <MenuItem key="1" onClick={handleClick}/>
        </Menu>);

      const menuItem = ReactTestUtils.findRenderedComponentWithType(tree, RawMenuItem);
      ReactTestUtils.Simulate.click(ReactDOM.findDOMNode(menuItem));

      expect(listenerCalled).toBe(true);
    });
  });
});