react-components/test/window-drag-test.jsx

React components used by Khan Academy

/* global beforeEach */

const jsdom = require("jsdom");
const React = require("react");
const TestUtils = require("react-addons-test-utils");

const WindowDrag = require('../js/window-drag.jsx');

describe('WindowDrag', function() {
    beforeEach(function() {
        global.document = jsdom.jsdom();
        global.window = document.defaultView;

        const WindowNotifier = React.createClass({
            propTypes: {
                didMount: React.PropTypes.func.isRequired,
                willUnmount: React.PropTypes.func.isRequired,
            },
            componentDidMount: function() {
                this.props.didMount();
            },
            componentWillUnmount: function() {
                this.props.willUnmount();
            },
            render: function() {
                return <div />;
            },
        });

        this.activeDrag = false;

        this.elem = TestUtils.renderIntoDocument(
            <WindowDrag>
                <WindowNotifier
                    didMount={() => {
                        this.activeDrag = true;
                    }}
                    willUnmount={() => {
                        this.activeDrag = false;
                    }}
                />
            </WindowDrag>
        );
    });

    it('activates/disactivates based on window drags ', function() {
        // TODO(joel) - figure this out
        // TestUtils.Simulate.dragEnter(window);
        // assert.strictEqual(this.activeDrag, true);

        // TestUtils.Simulate.dragLeave(window);
        // assert.strictEqual(this.activeDrag, false);

        // TestUtils.Simulate.dragEnter(window);
        // assert.strictEqual(this.activeDrag, true);

        // TestUtils.Simulate.drop(window);
        // assert.strictEqual(this.activeDrag, false);
    });
});