/** * Copyright (c) 2015-present, Facebook, Inc. * All rights reserved. * * This source code is licensed under the BSD-style license found in the * LICENSE file in the root directory of this source tree. An additional grant * of patent rights can be found in the PATENTS file in the same directory. * * @providesModule ReactTestMount * */ 'use strict'; var _prodInvariant = require('./reactProdInvariant'); var ReactElement = require('./ReactElement'); var ReactReconciler = require('./ReactReconciler'); var ReactUpdates = require('./ReactUpdates'); var emptyObject = require('fbjs/lib/emptyObject'); var getHostComponentFromComposite = require('./getHostComponentFromComposite'); var instantiateReactComponent = require('./instantiateReactComponent'); var invariant = require('fbjs/lib/invariant'); /** * Temporary (?) hack so that we can store all top-level pending updates on * composites instead of having to worry about different types of components * here. */ var TopLevelWrapper = function () {}; TopLevelWrapper.prototype.isReactComponent = {}; if (process.env.NODE_ENV !== 'production') { TopLevelWrapper.displayName = 'TopLevelWrapper'; } TopLevelWrapper.prototype.render = function () { // this.props is actually a ReactElement return this.props; }; /** * Mounts this component and inserts it into the DOM. * * @param {ReactComponent} componentInstance The instance to mount. * @param {number} rootID ID of the root node. * @param {number} containerTag container element to mount into. * @param {ReactReconcileTransaction} transaction */ function mountComponentIntoNode(componentInstance, transaction) { var image = ReactReconciler.mountComponent(componentInstance, transaction, null, null, emptyObject); componentInstance._renderedComponent._topLevelWrapper = componentInstance; return image; } /** * Batched mount. * * @param {ReactComponent} componentInstance The instance to mount. * @param {number} rootID ID of the root node. * @param {number} containerTag container element to mount into. */ function batchedMountComponentIntoNode(componentInstance) { var transaction = ReactUpdates.ReactReconcileTransaction.getPooled(); var image = transaction.perform(mountComponentIntoNode, null, componentInstance, transaction); ReactUpdates.ReactReconcileTransaction.release(transaction); return image; } var ReactTestInstance = function (component) { this._component = component; }; ReactTestInstance.prototype.getInstance = function () { return this._component._renderedComponent.getPublicInstance(); }; ReactTestInstance.prototype.update = function (nextElement) { !this._component ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactTestRenderer: .update() can\'t be called after unmount.') : _prodInvariant('139') : void 0; var nextWrappedElement = new ReactElement(TopLevelWrapper, null, null, null, null, null, nextElement); var component = this._component; ReactUpdates.batchedUpdates(function () { var transaction = ReactUpdates.ReactReconcileTransaction.getPooled(true); transaction.perform(function () { ReactReconciler.receiveComponent(component, nextWrappedElement, transaction, emptyObject); }); ReactUpdates.ReactReconcileTransaction.release(transaction); }); }; ReactTestInstance.prototype.unmount = function (nextElement) { var component = this._component; ReactUpdates.batchedUpdates(function () { var transaction = ReactUpdates.ReactReconcileTransaction.getPooled(true); transaction.perform(function () { ReactReconciler.unmountComponent(component, false); }); ReactUpdates.ReactReconcileTransaction.release(transaction); }); this._component = null; }; ReactTestInstance.prototype.toJSON = function () { var inst = getHostComponentFromComposite(this._component); if (inst === null) { return null; } return inst.toJSON(); }; /** * As soon as `ReactMount` is refactored to not rely on the DOM, we can share * code between the two. For now, we'll hard code the ID logic. */ var ReactTestMount = { render: function (nextElement) { var nextWrappedElement = new ReactElement(TopLevelWrapper, null, null, null, null, null, nextElement); var instance = instantiateReactComponent(nextWrappedElement, false); // The initial render is synchronous but any updates that happen during // rendering, in componentWillMount or componentDidMount, will be batched // according to the current batching strategy. ReactUpdates.batchedUpdates(batchedMountComponentIntoNode, instance); return new ReactTestInstance(instance); } }; module.exports = ReactTestMount;