mirror of
https://github.com/facebook/react.git
synced 2025-11-01 09:12:30 +00:00
Merge pull request #573 from spicyj/tests
Make ReactEventTopLevelCallback-test pass
This commit is contained in:
@@ -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({
|
||||||
|
|||||||
Reference in New Issue
Block a user