Merge pull request #573 from spicyj/tests

Make ReactEventTopLevelCallback-test pass
This commit is contained in:
Ben Newman
2013-11-20 16:54:15 -08:00
@@ -22,23 +22,28 @@ require('mock-modules')
.dontMock('ReactEventTopLevelCallback') .dontMock('ReactEventTopLevelCallback')
.dontMock('ReactMount') .dontMock('ReactMount')
.dontMock('ReactInstanceHandles') .dontMock('ReactInstanceHandles')
.dontMock('ReactDOM') .dontMock('ReactDOM');
.mock('ReactEventEmitter');
var EVENT_TARGET_PARAM = 1; var EVENT_TARGET_PARAM = 1;
describe('ReactEventTopLevelCallback', function() { describe('ReactEventTopLevelCallback', function() {
var mocks;
var React;
var ReactEventTopLevelCallback; var ReactEventTopLevelCallback;
var ReactMount;
var ReactDOM; var ReactDOM;
var ReactEventEmitter; // mocked var ReactEventEmitter;
beforeEach(function() { beforeEach(function() {
require('mock-modules').dumpCache(); require('mock-modules').dumpCache();
mocks = require('mocks');
React = require('React');
ReactEventTopLevelCallback = require('ReactEventTopLevelCallback'); ReactEventTopLevelCallback = require('ReactEventTopLevelCallback');
ReactMount = require('ReactMount');
ReactDOM = require('ReactDOM'); ReactDOM = require('ReactDOM');
ReactEventEmitter = require('ReactEventEmitter'); // mocked ReactEventEmitter = require('ReactEventEmitter');
ReactEventEmitter.handleTopLevel = mocks.getMockFunction();
}); });
describe('Propagation', function() { describe('Propagation', function() {
@@ -47,8 +52,8 @@ describe('ReactEventTopLevelCallback', function() {
var childControl = ReactDOM.div({}, 'Child'); var childControl = ReactDOM.div({}, 'Child');
var parentContainer = document.createElement('div'); var parentContainer = document.createElement('div');
var parentControl = ReactDOM.div({}, 'Parent'); var parentControl = ReactDOM.div({}, 'Parent');
ReactMount.renderComponent(childControl, childContainer); React.renderComponent(childControl, childContainer);
ReactMount.renderComponent(parentControl, parentContainer); React.renderComponent(parentControl, parentContainer);
parentControl.getDOMNode().appendChild(childContainer); parentControl.getDOMNode().appendChild(childContainer);
var callback = ReactEventTopLevelCallback.createTopLevelCallback('test'); var callback = ReactEventTopLevelCallback.createTopLevelCallback('test');
@@ -69,9 +74,9 @@ describe('ReactEventTopLevelCallback', function() {
var parentControl = ReactDOM.div({}, 'Parent'); var parentControl = ReactDOM.div({}, 'Parent');
var grandParentContainer = document.createElement('div'); var grandParentContainer = document.createElement('div');
var grandParentControl = ReactDOM.div({}, 'Parent'); var grandParentControl = ReactDOM.div({}, 'Parent');
ReactMount.renderComponent(childControl, childContainer); React.renderComponent(childControl, childContainer);
ReactMount.renderComponent(parentControl, parentContainer); React.renderComponent(parentControl, parentContainer);
ReactMount.renderComponent(grandParentControl, grandParentContainer); React.renderComponent(grandParentControl, grandParentContainer);
parentControl.getDOMNode().appendChild(childContainer); parentControl.getDOMNode().appendChild(childContainer);
grandParentControl.getDOMNode().appendChild(parentContainer); grandParentControl.getDOMNode().appendChild(parentContainer);
@@ -95,7 +100,7 @@ describe('ReactEventTopLevelCallback', function() {
var control = ReactDOM.div({}, [ var control = ReactDOM.div({}, [
ReactDOM.div({id: 'outer'}, inner) ReactDOM.div({id: 'outer'}, inner)
]); ]);
ReactMount.renderComponent(control, container); React.renderComponent(control, container);
var callback = ReactEventTopLevelCallback.createTopLevelCallback('test'); var callback = ReactEventTopLevelCallback.createTopLevelCallback('test');
callback({ callback({