@samitouri / QOS-React / commits / f2fc182250

renamed modules (devtool -> hook)

Keyan Zhang committed Jul 29, 2016 at 15:41 UTC f2fc1822501456a26b458a17851319904ffabe2a
16 files changed +161 -161
src/isomorphic/classic/element/ReactElementValidator.js
+2 -2
@@ -19,7 +19,7 @@
19 'use strict';
20
21 var ReactCurrentOwner = require('ReactCurrentOwner');
22 -var ReactComponentTreeDevtool = require('ReactComponentTreeDevtool');
22 +var ReactComponentTreeHook = require('ReactComponentTreeHook');
23 var ReactElement = require('ReactElement');
24 var ReactPropTypeLocations = require('ReactPropTypeLocations');
25
@@ -104,7 +104,7 @@ function validateExplicitKey(element, parentType) {
104 '%s%s See https://fb.me/react-warning-keys for more information.%s',
105 currentComponentErrorInfo,
106 childOwner,
107 - ReactComponentTreeDevtool.getCurrentStackAddendum(element)
107 + ReactComponentTreeHook.getCurrentStackAddendum(element)
108 );
109 }
110
src/isomorphic/classic/types/checkReactTypeSpec.js
+6 -6
@@ -17,7 +17,7 @@ var ReactPropTypesSecret = require('ReactPropTypesSecret');
17 var invariant = require('invariant');
18 var warning = require('warning');
19
20 -var ReactComponentTreeDevtool;
20 +var ReactComponentTreeHook;
21
22 if (
23 typeof process !== 'undefined' &&
@@ -29,7 +29,7 @@ if (
29 // https://github.com/facebook/react/issues/7240
30 // Remove the inline requires when we don't need them anymore:
31 // https://github.com/facebook/react/pull/7178
32 - ReactComponentTreeDevtool = require('ReactComponentTreeDevtool')
32 + ReactComponentTreeHook = require('ReactComponentTreeHook')
33 }
34
35 var loggedTypeFailures = {};
@@ -88,13 +88,13 @@ function checkReactTypeSpec(typeSpecs, values, location, componentName, element,
88 var componentStackInfo = '';
89
90 if (__DEV__) {
91 - if (!ReactComponentTreeDevtool) {
92 - ReactComponentTreeDevtool = require('ReactComponentTreeDevtool');
91 + if (!ReactComponentTreeHook) {
92 + ReactComponentTreeHook = require('ReactComponentTreeHook');
93 }
94 if (debugID !== null) {
95 - componentStackInfo = ReactComponentTreeDevtool.getStackAddendumByID(debugID);
95 + componentStackInfo = ReactComponentTreeHook.getStackAddendumByID(debugID);
96 } else if (element !== null) {
97 - componentStackInfo = ReactComponentTreeDevtool.getCurrentStackAddendum(element);
97 + componentStackInfo = ReactComponentTreeHook.getCurrentStackAddendum(element);
98 }
99 }
100
src/isomorphic/hooks/ReactComponentTreeHook.js renamed
+11 -11
@@ -6,7 +6,7 @@
6 * LICENSE file in the root directory of this source tree. An additional grant
7 * of patent rights can be found in the PATENTS file in the same directory.
8 *
9 - * @providesModule ReactComponentTreeDevtool
9 + * @providesModule ReactComponentTreeHook
10 */
11
12 'use strict';
@@ -57,23 +57,23 @@ function describeComponentFrame(name, source, ownerName) {
57 }
58
59 function describeID(id) {
60 - var name = ReactComponentTreeDevtool.getDisplayName(id);
61 - var element = ReactComponentTreeDevtool.getElement(id);
62 - var ownerID = ReactComponentTreeDevtool.getOwnerID(id);
60 + var name = ReactComponentTreeHook.getDisplayName(id);
61 + var element = ReactComponentTreeHook.getElement(id);
62 + var ownerID = ReactComponentTreeHook.getOwnerID(id);
63 var ownerName;
64 if (ownerID) {
65 - ownerName = ReactComponentTreeDevtool.getDisplayName(ownerID);
65 + ownerName = ReactComponentTreeHook.getDisplayName(ownerID);
66 }
67 warning(
68 element,
69 - 'ReactComponentTreeDevtool: Missing React element for debugID %s when ' +
69 + 'ReactComponentTreeHook: Missing React element for debugID %s when ' +
70 'building stack',
71 id
72 );
73 return describeComponentFrame(name, element && element._source, ownerName);
74 }
75
76 -var ReactComponentTreeDevtool = {
76 +var ReactComponentTreeHook = {
77 onSetDisplayName(id, displayName) {
78 updateTree(id, item => item.displayName = displayName);
79 },
@@ -161,7 +161,7 @@ var ReactComponentTreeDevtool = {
161 },
162
163 purgeUnmountedComponents() {
164 - if (ReactComponentTreeDevtool._preventPurging) {
164 + if (ReactComponentTreeHook._preventPurging) {
165 // Should only be used for testing.
166 return;
167 }
@@ -195,7 +195,7 @@ var ReactComponentTreeDevtool = {
195 var currentOwner = ReactCurrentOwner.current;
196 var id = currentOwner && currentOwner._debugID;
197
198 - info += ReactComponentTreeDevtool.getStackAddendumByID(id);
198 + info += ReactComponentTreeHook.getStackAddendumByID(id);
199 return info;
200 },
201
@@ -203,7 +203,7 @@ var ReactComponentTreeDevtool = {
203 var info = '';
204 while (id) {
205 info += describeID(id);
206 - id = ReactComponentTreeDevtool.getParentID(id);
206 + id = ReactComponentTreeHook.getParentID(id);
207 }
208 return info;
209 },
@@ -259,4 +259,4 @@ var ReactComponentTreeDevtool = {
259 },
260 };
261
262 -module.exports = ReactComponentTreeDevtool;
262 +module.exports = ReactComponentTreeHook;
src/renderers/dom/shared/ReactDOMDebugTool.js
+4 -4
@@ -11,8 +11,8 @@
11
12 'use strict';
13
14 -var ReactDOMNullInputValuePropDevtool = require('ReactDOMNullInputValuePropDevtool');
15 -var ReactDOMUnknownPropertyDevtool = require('ReactDOMUnknownPropertyDevtool');
14 +var ReactDOMNullInputValuePropHook = require('ReactDOMNullInputValuePropHook');
15 +var ReactDOMUnknownPropertyHook = require('ReactDOMUnknownPropertyHook');
16 var ReactDebugTool = require('ReactDebugTool');
17
18 var warning = require('warning');
@@ -66,7 +66,7 @@ var ReactDOMDebugTool = {
66 },
67 };
68
69 -ReactDOMDebugTool.addDevtool(ReactDOMUnknownPropertyDevtool);
70 -ReactDOMDebugTool.addDevtool(ReactDOMNullInputValuePropDevtool);
69 +ReactDOMDebugTool.addDevtool(ReactDOMUnknownPropertyHook);
70 +ReactDOMDebugTool.addDevtool(ReactDOMNullInputValuePropHook);
71
72 module.exports = ReactDOMDebugTool;
src/renderers/dom/shared/hooks/ReactDOMNullInputValuePropHook.js renamed
+5 -5
@@ -6,12 +6,12 @@
6 * LICENSE file in the root directory of this source tree. An additional grant
7 * of patent rights can be found in the PATENTS file in the same directory.
8 *
9 - * @providesModule ReactDOMNullInputValuePropDevtool
9 + * @providesModule ReactDOMNullInputValuePropHook
10 */
11
12 'use strict';
13
14 -var ReactComponentTreeDevtool = require('ReactComponentTreeDevtool');
14 +var ReactComponentTreeHook = require('ReactComponentTreeHook');
15
16 var warning = require('warning');
17
@@ -31,14 +31,14 @@ function handleElement(debugID, element) {
31 'Consider using the empty string to clear the component or `undefined` ' +
32 'for uncontrolled components.%s',
33 element.type,
34 - ReactComponentTreeDevtool.getStackAddendumByID(debugID)
34 + ReactComponentTreeHook.getStackAddendumByID(debugID)
35 );
36
37 didWarnValueNull = true;
38 }
39 }
40
41 -var ReactDOMUnknownPropertyDevtool = {
41 +var ReactDOMNullInputValuePropHook = {
42 onBeforeMountComponent(debugID, element) {
43 handleElement(debugID, element);
44 },
@@ -47,4 +47,4 @@ var ReactDOMUnknownPropertyDevtool = {
47 },
48 };
49
50 -module.exports = ReactDOMUnknownPropertyDevtool;
50 +module.exports = ReactDOMNullInputValuePropHook;
src/renderers/dom/shared/hooks/ReactDOMUnknownPropertyHook.js renamed
+8 -8
@@ -6,14 +6,14 @@
6 * LICENSE file in the root directory of this source tree. An additional grant
7 * of patent rights can be found in the PATENTS file in the same directory.
8 *
9 - * @providesModule ReactDOMUnknownPropertyDevtool
9 + * @providesModule ReactDOMUnknownPropertyHook
10 */
11
12 'use strict';
13
14 var DOMProperty = require('DOMProperty');
15 var EventPluginRegistry = require('EventPluginRegistry');
16 -var ReactComponentTreeDevtool = require('ReactComponentTreeDevtool');
16 +var ReactComponentTreeHook = require('ReactComponentTreeHook');
17
18 var warning = require('warning');
19
@@ -73,7 +73,7 @@ if (__DEV__) {
73 'Unknown DOM property %s. Did you mean %s?%s',
74 name,
75 standardName,
76 - ReactComponentTreeDevtool.getStackAddendumByID(debugID)
76 + ReactComponentTreeHook.getStackAddendumByID(debugID)
77 );
78 return true;
79 } else if (registrationName != null) {
@@ -82,7 +82,7 @@ if (__DEV__) {
82 'Unknown event handler property %s. Did you mean `%s`?%s',
83 name,
84 registrationName,
85 - ReactComponentTreeDevtool.getStackAddendumByID(debugID)
85 + ReactComponentTreeHook.getStackAddendumByID(debugID)
86 );
87 return true;
88 } else {
@@ -115,7 +115,7 @@ var warnUnknownProperties = function(debugID, element) {
115 'For details, see https://fb.me/react-unknown-prop%s',
116 unknownPropString,
117 element.type,
118 - ReactComponentTreeDevtool.getStackAddendumByID(debugID)
118 + ReactComponentTreeHook.getStackAddendumByID(debugID)
119 );
120 } else if (unknownProps.length > 1) {
121 warning(
@@ -124,7 +124,7 @@ var warnUnknownProperties = function(debugID, element) {
124 'For details, see https://fb.me/react-unknown-prop%s',
125 unknownPropString,
126 element.type,
127 - ReactComponentTreeDevtool.getStackAddendumByID(debugID)
127 + ReactComponentTreeHook.getStackAddendumByID(debugID)
128 );
129 }
130 };
@@ -139,7 +139,7 @@ function handleElement(debugID, element) {
139 warnUnknownProperties(debugID, element);
140 }
141
142 -var ReactDOMUnknownPropertyDevtool = {
142 +var ReactDOMUnknownPropertyHook = {
143 onBeforeMountComponent(debugID, element) {
144 handleElement(debugID, element);
145 },
@@ -148,4 +148,4 @@ var ReactDOMUnknownPropertyDevtool = {
148 },
149 };
150
151 -module.exports = ReactDOMUnknownPropertyDevtool;
151 +module.exports = ReactDOMUnknownPropertyHook;
src/renderers/shared/ReactDebugTool.js
+20 -20
@@ -11,10 +11,10 @@
11
12 'use strict';
13
14 -var ReactInvalidSetStateWarningDevTool = require('ReactInvalidSetStateWarningDevTool');
15 -var ReactHostOperationHistoryDevtool = require('ReactHostOperationHistoryDevtool');
16 -var ReactComponentTreeDevtool = require('ReactComponentTreeDevtool');
17 -var ReactChildrenMutationWarningDevtool = require('ReactChildrenMutationWarningDevtool');
14 +var ReactInvalidSetStateWarningHook = require('ReactInvalidSetStateWarningHook');
15 +var ReactHostOperationHistoryHook = require('ReactHostOperationHistoryHook');
16 +var ReactComponentTreeHook = require('ReactComponentTreeHook');
17 +var ReactChildrenMutationWarningHook = require('ReactChildrenMutationWarningHook');
18 var ExecutionEnvironment = require('ExecutionEnvironment');
19
20 var performanceNow = require('performanceNow');
@@ -55,21 +55,21 @@ var currentTimerType = null;
55 var lifeCycleTimerHasWarned = false;
56
57 function clearHistory() {
58 - ReactComponentTreeDevtool.purgeUnmountedComponents();
59 - ReactHostOperationHistoryDevtool.clearHistory();
58 + ReactComponentTreeHook.purgeUnmountedComponents();
59 + ReactHostOperationHistoryHook.clearHistory();
60 }
61
62 function getTreeSnapshot(registeredIDs) {
63 return registeredIDs.reduce((tree, id) => {
64 - var ownerID = ReactComponentTreeDevtool.getOwnerID(id);
65 - var parentID = ReactComponentTreeDevtool.getParentID(id);
64 + var ownerID = ReactComponentTreeHook.getOwnerID(id);
65 + var parentID = ReactComponentTreeHook.getParentID(id);
66 tree[id] = {
67 - displayName: ReactComponentTreeDevtool.getDisplayName(id),
68 - text: ReactComponentTreeDevtool.getText(id),
69 - updateCount: ReactComponentTreeDevtool.getUpdateCount(id),
70 - childIDs: ReactComponentTreeDevtool.getChildIDs(id),
67 + displayName: ReactComponentTreeHook.getDisplayName(id),
68 + text: ReactComponentTreeHook.getText(id),
69 + updateCount: ReactComponentTreeHook.getUpdateCount(id),
70 + childIDs: ReactComponentTreeHook.getChildIDs(id),
71 // Text nodes don't have owners but this is close enough.
72 - ownerID: ownerID || ReactComponentTreeDevtool.getOwnerID(parentID),
72 + ownerID: ownerID || ReactComponentTreeHook.getOwnerID(parentID),
73 parentID,
74 };
75 return tree;
@@ -79,7 +79,7 @@ function getTreeSnapshot(registeredIDs) {
79 function resetMeasurements() {
80 var previousStartTime = currentFlushStartTime;
81 var previousMeasurements = currentFlushMeasurements || [];
82 - var previousOperations = ReactHostOperationHistoryDevtool.getHistory();
82 + var previousOperations = ReactHostOperationHistoryHook.getHistory();
83
84 if (currentFlushNesting === 0) {
85 currentFlushStartTime = null;
@@ -89,7 +89,7 @@ function resetMeasurements() {
89 }
90
91 if (previousMeasurements.length || previousOperations.length) {
92 - var registeredIDs = ReactComponentTreeDevtool.getRegisteredIDs();
92 + var registeredIDs = ReactComponentTreeHook.getRegisteredIDs();
93 flushHistory.push({
94 duration: performanceNow() - previousStartTime,
95 measurements: previousMeasurements || [],
@@ -204,7 +204,7 @@ var ReactDebugTool = {
204 isProfiling = true;
205 flushHistory.length = 0;
206 resetMeasurements();
207 - ReactDebugTool.addDevtool(ReactHostOperationHistoryDevtool);
207 + ReactDebugTool.addDevtool(ReactHostOperationHistoryHook);
208 },
209 endProfiling() {
210 if (!isProfiling) {
@@ -213,7 +213,7 @@ var ReactDebugTool = {
213
214 isProfiling = false;
215 resetMeasurements();
216 - ReactDebugTool.removeDevtool(ReactHostOperationHistoryDevtool);
216 + ReactDebugTool.removeDevtool(ReactHostOperationHistoryHook);
217 },
218 getFlushHistory() {
219 return flushHistory;
@@ -325,9 +325,9 @@ var ReactDebugTool = {
325 },
326 };
327
328 -ReactDebugTool.addDevtool(ReactInvalidSetStateWarningDevTool);
329 -ReactDebugTool.addDevtool(ReactComponentTreeDevtool);
330 -ReactDebugTool.addDevtool(ReactChildrenMutationWarningDevtool);
328 +ReactDebugTool.addDevtool(ReactInvalidSetStateWarningHook);
329 +ReactDebugTool.addDevtool(ReactComponentTreeHook);
330 +ReactDebugTool.addDevtool(ReactChildrenMutationWarningHook);
331 var url = (ExecutionEnvironment.canUseDOM && window.location.href) || '';
332 if ((/[?&]react_perf\b/).test(url)) {
333 ReactDebugTool.beginProfiling();
src/renderers/shared/hooks/ReactChildrenMutationWarningHook.js renamed
+5 -5
@@ -6,12 +6,12 @@
6 * LICENSE file in the root directory of this source tree. An additional grant
7 * of patent rights can be found in the PATENTS file in the same directory.
8 *
9 - * @providesModule ReactChildrenMutationWarningDevtool
9 + * @providesModule ReactChildrenMutationWarningHook
10 */
11
12 'use strict';
13
14 -var ReactComponentTreeDevtool = require('ReactComponentTreeDevtool');
14 +var ReactComponentTreeHook = require('ReactComponentTreeHook');
15
16 var warning = require('warning');
17
@@ -42,11 +42,11 @@ function handleElement(debugID, element) {
42 warning(
43 Array.isArray(element._shadowChildren) && !isMutated,
44 'Component\'s children should not be mutated.%s',
45 - ReactComponentTreeDevtool.getStackAddendumByID(debugID),
45 + ReactComponentTreeHook.getStackAddendumByID(debugID),
46 );
47 }
48
49 -var ReactDOMUnknownPropertyDevtool = {
49 +var ReactDOMUnknownPropertyHook = {
50 onBeforeMountComponent(debugID, element) {
51 elements[debugID] = element;
52 },
@@ -63,4 +63,4 @@ var ReactDOMUnknownPropertyDevtool = {
63 },
64 };
65
66 -module.exports = ReactDOMUnknownPropertyDevtool;
66 +module.exports = ReactDOMUnknownPropertyHook;
src/renderers/shared/hooks/ReactHostOperationHistoryHook.js renamed
+4 -4
@@ -6,14 +6,14 @@
6 * LICENSE file in the root directory of this source tree. An additional grant
7 * of patent rights can be found in the PATENTS file in the same directory.
8 *
9 - * @providesModule ReactHostOperationHistoryDevtool
9 + * @providesModule ReactHostOperationHistoryHook
10 */
11
12 'use strict';
13
14 var history = [];
15
16 -var ReactHostOperationHistoryDevtool = {
16 +var ReactHostOperationHistoryHook = {
17 onHostOperation(debugID, type, payload) {
18 history.push({
19 instanceID: debugID,
@@ -23,7 +23,7 @@ var ReactHostOperationHistoryDevtool = {
23 },
24
25 clearHistory() {
26 - if (ReactHostOperationHistoryDevtool._preventClearing) {
26 + if (ReactHostOperationHistoryHook._preventClearing) {
27 // Should only be used for tests.
28 return;
29 }
@@ -36,4 +36,4 @@ var ReactHostOperationHistoryDevtool = {
36 },
37 };
38
39 -module.exports = ReactHostOperationHistoryDevtool;
39 +module.exports = ReactHostOperationHistoryHook;
src/renderers/shared/hooks/ReactInvalidSetStateWarningHook.js renamed
+3 -3
@@ -6,7 +6,7 @@
6 * LICENSE file in the root directory of this source tree. An additional grant
7 * of patent rights can be found in the PATENTS file in the same directory.
8 *
9 - * @providesModule ReactInvalidSetStateWarningDevTool
9 + * @providesModule ReactInvalidSetStateWarningHook
10 */
11
12 'use strict';
@@ -24,7 +24,7 @@ if (__DEV__) {
24 };
25 }
26
27 -var ReactInvalidSetStateWarningDevTool = {
27 +var ReactInvalidSetStateWarningHook = {
28 onBeginProcessingChildContext() {
29 processingChildContext = true;
30 },
@@ -36,4 +36,4 @@ var ReactInvalidSetStateWarningDevTool = {
36 },
37 };
38
39 -module.exports = ReactInvalidSetStateWarningDevTool;
39 +module.exports = ReactInvalidSetStateWarningHook;
src/renderers/shared/hooks/__tests__/ReactComponentTreeHook-test.js renamed
+21 -21
@@ -11,12 +11,12 @@
11
12 'use strict';
13
14 -describe('ReactComponentTreeDevtool', () => {
14 +describe('ReactComponentTreeHook', () => {
15 var React;
16 var ReactDOM;
17 var ReactDOMServer;
18 var ReactInstanceMap;
19 - var ReactComponentTreeDevtool;
19 + var ReactComponentTreeHook;
20 var ReactComponentTreeTestUtils;
21
22 beforeEach(() => {
@@ -26,7 +26,7 @@ describe('ReactComponentTreeDevtool', () => {
26 ReactDOM = require('ReactDOM');
27 ReactDOMServer = require('ReactDOMServer');
28 ReactInstanceMap = require('ReactInstanceMap');
29 - ReactComponentTreeDevtool = require('ReactComponentTreeDevtool');
29 + ReactComponentTreeHook = require('ReactComponentTreeHook');
30 ReactComponentTreeTestUtils = require('ReactComponentTreeTestUtils');
31 });
32
@@ -68,7 +68,7 @@ describe('ReactComponentTreeDevtool', () => {
68
69 // Purging should have no effect
70 // on the tree we expect to see.
71 - ReactComponentTreeDevtool.purgeUnmountedComponents();
71 + ReactComponentTreeHook.purgeUnmountedComponents();
72 expectWrapperTreeToEqual(expectedTree);
73 });
74
@@ -90,13 +90,13 @@ describe('ReactComponentTreeDevtool', () => {
90 // To test it, we tell the devtool to ignore next purge
91 // so the cleanup request by ReactDebugTool is ignored.
92 // This lets us make assertions on the actual tree.
93 - ReactComponentTreeDevtool._preventPurging = true;
93 + ReactComponentTreeHook._preventPurging = true;
94 ReactDOMServer.renderToString(<Wrapper />);
95 - ReactComponentTreeDevtool._preventPurging = false;
95 + ReactComponentTreeHook._preventPurging = false;
96 expectWrapperTreeToEqual(expectedTree);
97
98 // Purge manually since we skipped the automatic purge.
99 - ReactComponentTreeDevtool.purgeUnmountedComponents();
99 + ReactComponentTreeHook.purgeUnmountedComponents();
100 expectWrapperTreeToEqual(null);
101 });
102 }
@@ -1686,25 +1686,25 @@ describe('ReactComponentTreeDevtool', () => {
1686 var node = document.createElement('div');
1687
1688 ReactDOM.render(<div className="a" />, node);
1689 - var divID = ReactComponentTreeDevtool.getRootIDs()[0];
1690 - expect(ReactComponentTreeDevtool.getUpdateCount(divID)).toEqual(0);
1689 + var divID = ReactComponentTreeHook.getRootIDs()[0];
1690 + expect(ReactComponentTreeHook.getUpdateCount(divID)).toEqual(0);
1691
1692 ReactDOM.render(<span className="a" />, node);
1693 - var spanID = ReactComponentTreeDevtool.getRootIDs()[0];
1694 - expect(ReactComponentTreeDevtool.getUpdateCount(divID)).toEqual(0);
1695 - expect(ReactComponentTreeDevtool.getUpdateCount(spanID)).toEqual(0);
1693 + var spanID = ReactComponentTreeHook.getRootIDs()[0];
1694 + expect(ReactComponentTreeHook.getUpdateCount(divID)).toEqual(0);
1695 + expect(ReactComponentTreeHook.getUpdateCount(spanID)).toEqual(0);
1696
1697 ReactDOM.render(<span className="b" />, node);
1698 - expect(ReactComponentTreeDevtool.getUpdateCount(divID)).toEqual(0);
1699 - expect(ReactComponentTreeDevtool.getUpdateCount(spanID)).toEqual(1);
1698 + expect(ReactComponentTreeHook.getUpdateCount(divID)).toEqual(0);
1699 + expect(ReactComponentTreeHook.getUpdateCount(spanID)).toEqual(1);
1700
1701 ReactDOM.render(<span className="c" />, node);
1702 - expect(ReactComponentTreeDevtool.getUpdateCount(divID)).toEqual(0);
1703 - expect(ReactComponentTreeDevtool.getUpdateCount(spanID)).toEqual(2);
1702 + expect(ReactComponentTreeHook.getUpdateCount(divID)).toEqual(0);
1703 + expect(ReactComponentTreeHook.getUpdateCount(spanID)).toEqual(2);
1704
1705 ReactDOM.unmountComponentAtNode(node);
1706 - expect(ReactComponentTreeDevtool.getUpdateCount(divID)).toEqual(0);
1707 - expect(ReactComponentTreeDevtool.getUpdateCount(spanID)).toEqual(0);
1706 + expect(ReactComponentTreeHook.getUpdateCount(divID)).toEqual(0);
1707 + expect(ReactComponentTreeHook.getUpdateCount(spanID)).toEqual(0);
1708 });
1709
1710 it('does not report top-level wrapper as a root', () => {
@@ -1724,7 +1724,7 @@ describe('ReactComponentTreeDevtool', () => {
1724 describe('stack addenda', () => {
1725 it('gets created', () => {
1726 function getAddendum(element) {
1727 - var addendum = ReactComponentTreeDevtool.getCurrentStackAddendum(element);
1727 + var addendum = ReactComponentTreeHook.getCurrentStackAddendum(element);
1728 return addendum.replace(/\(at .+?:\d+\)/g, '(at **)');
1729 }
1730
@@ -1798,7 +1798,7 @@ describe('ReactComponentTreeDevtool', () => {
1798
1799 it('can be retrieved by ID', () => {
1800 function getAddendum(id) {
1801 - var addendum = ReactComponentTreeDevtool.getStackAddendumByID(id);
1801 + var addendum = ReactComponentTreeHook.getStackAddendumByID(id);
1802 return addendum.replace(/\(at .+?:\d+\)/g, '(at **)');
1803 }
1804
@@ -1817,7 +1817,7 @@ describe('ReactComponentTreeDevtool', () => {
1817 getAddendum(-17);
1818 expect(console.error.calls.count()).toBe(1);
1819 expect(console.error.calls.argsFor(0)[0]).toBe(
1820 - 'Warning: ReactComponentTreeDevtool: Missing React element for ' +
1820 + 'Warning: ReactComponentTreeHook: Missing React element for ' +
1821 'debugID -17 when building stack'
1822 );
1823 });
src/renderers/shared/hooks/__tests__/ReactComponentTreeHook-test.native.js renamed
+15 -15
@@ -11,11 +11,11 @@
11
12 'use strict';
13
14 -describe('ReactComponentTreeDevtool', () => {
14 +describe('ReactComponentTreeHook', () => {
15 var React;
16 var ReactNative;
17 var ReactInstanceMap;
18 - var ReactComponentTreeDevtool;
18 + var ReactComponentTreeHook;
19 var ReactComponentTreeTestUtils;
20 var createReactNativeComponentClass;
21 var View;
@@ -28,7 +28,7 @@ describe('ReactComponentTreeDevtool', () => {
28 React = require('React');
29 ReactNative = require('ReactNative');
30 ReactInstanceMap = require('ReactInstanceMap');
31 - ReactComponentTreeDevtool = require('ReactComponentTreeDevtool');
31 + ReactComponentTreeHook = require('ReactComponentTreeHook');
32 ReactComponentTreeTestUtils = require('ReactComponentTreeTestUtils');
33 View = require('View');
34 createReactNativeComponentClass = require('createReactNativeComponentClass');
@@ -92,7 +92,7 @@ describe('ReactComponentTreeDevtool', () => {
92
93 // Purging should have no effect
94 // on the tree we expect to see.
95 - ReactComponentTreeDevtool.purgeUnmountedComponents();
95 + ReactComponentTreeHook.purgeUnmountedComponents();
96 expectWrapperTreeToEqual(expectedTree);
97 });
98
@@ -1658,25 +1658,25 @@ describe('ReactComponentTreeDevtool', () => {
1658
1659 it('reports update counts', () => {
1660 ReactNative.render(<View />, 1);
1661 - var viewID = ReactComponentTreeDevtool.getRootIDs()[0];
1662 - expect(ReactComponentTreeDevtool.getUpdateCount(viewID)).toEqual(0);
1661 + var viewID = ReactComponentTreeHook.getRootIDs()[0];
1662 + expect(ReactComponentTreeHook.getUpdateCount(viewID)).toEqual(0);
1663
1664 ReactNative.render(<Image />, 1);
1665 - var imageID = ReactComponentTreeDevtool.getRootIDs()[0];
1666 - expect(ReactComponentTreeDevtool.getUpdateCount(viewID)).toEqual(0);
1667 - expect(ReactComponentTreeDevtool.getUpdateCount(imageID)).toEqual(0);
1665 + var imageID = ReactComponentTreeHook.getRootIDs()[0];
1666 + expect(ReactComponentTreeHook.getUpdateCount(viewID)).toEqual(0);
1667 + expect(ReactComponentTreeHook.getUpdateCount(imageID)).toEqual(0);
1668
1669 ReactNative.render(<Image />, 1);
1670 - expect(ReactComponentTreeDevtool.getUpdateCount(viewID)).toEqual(0);
1671 - expect(ReactComponentTreeDevtool.getUpdateCount(imageID)).toEqual(1);
1670 + expect(ReactComponentTreeHook.getUpdateCount(viewID)).toEqual(0);
1671 + expect(ReactComponentTreeHook.getUpdateCount(imageID)).toEqual(1);
1672
1673 ReactNative.render(<Image />, 1);
1674 - expect(ReactComponentTreeDevtool.getUpdateCount(viewID)).toEqual(0);
1675 - expect(ReactComponentTreeDevtool.getUpdateCount(imageID)).toEqual(2);
1674 + expect(ReactComponentTreeHook.getUpdateCount(viewID)).toEqual(0);
1675 + expect(ReactComponentTreeHook.getUpdateCount(imageID)).toEqual(2);
1676
1677 ReactNative.unmountComponentAtNode(1);
1678 - expect(ReactComponentTreeDevtool.getUpdateCount(viewID)).toEqual(0);
1679 - expect(ReactComponentTreeDevtool.getUpdateCount(imageID)).toEqual(0);
1678 + expect(ReactComponentTreeHook.getUpdateCount(viewID)).toEqual(0);
1679 + expect(ReactComponentTreeHook.getUpdateCount(imageID)).toEqual(0);
1680 });
1681
1682 it('does not report top-level wrapper as a root', () => {
src/renderers/shared/hooks/__tests__/ReactHostOperationHistoryHook-test.js renamed
+34 -34
@@ -11,13 +11,13 @@
11
12 'use strict';
13
14 -describe('ReactHostOperationHistoryDevtool', () => {
14 +describe('ReactHostOperationHistoryHook', () => {
15 var React;
16 var ReactPerf;
17 var ReactDOM;
18 var ReactDOMComponentTree;
19 var ReactDOMFeatureFlags;
20 - var ReactHostOperationHistoryDevtool;
20 + var ReactHostOperationHistoryHook;
21
22 beforeEach(() => {
23 jest.resetModuleRegistry();
@@ -27,7 +27,7 @@ describe('ReactHostOperationHistoryDevtool', () => {
27 ReactDOM = require('ReactDOM');
28 ReactDOMComponentTree = require('ReactDOMComponentTree');
29 ReactDOMFeatureFlags = require('ReactDOMFeatureFlags');
30 - ReactHostOperationHistoryDevtool = require('ReactHostOperationHistoryDevtool');
30 + ReactHostOperationHistoryHook = require('ReactHostOperationHistoryHook');
31
32 ReactPerf.start();
33 });
@@ -37,14 +37,14 @@ describe('ReactHostOperationHistoryDevtool', () => {
37 });
38
39 function assertHistoryMatches(expectedHistory) {
40 - var actualHistory = ReactHostOperationHistoryDevtool.getHistory();
40 + var actualHistory = ReactHostOperationHistoryHook.getHistory();
41 expect(actualHistory).toEqual(expectedHistory);
42 }
43
44 describe('mount', () => {
45 it('gets recorded for host roots', () => {
46 var node = document.createElement('div');
47 - ReactHostOperationHistoryDevtool._preventClearing = true;
47 + ReactHostOperationHistoryHook._preventClearing = true;
48 ReactDOM.render(<div><p>Hi.</p></div>, node);
49
50 var inst = ReactDOMComponentTree.getInstanceFromNode(node.firstChild);
@@ -63,7 +63,7 @@ describe('ReactHostOperationHistoryDevtool', () => {
63 }
64 var node = document.createElement('div');
65
66 - ReactHostOperationHistoryDevtool._preventClearing = true;
66 + ReactHostOperationHistoryHook._preventClearing = true;
67 ReactDOM.render(<Foo />, node);
68
69 var inst = ReactDOMComponentTree.getInstanceFromNode(node.firstChild);
@@ -83,7 +83,7 @@ describe('ReactHostOperationHistoryDevtool', () => {
83 }
84 var node = document.createElement('div');
85
86 - ReactHostOperationHistoryDevtool._preventClearing = true;
86 + ReactHostOperationHistoryHook._preventClearing = true;
87 ReactDOM.render(<Foo />, node);
88
89 // Empty DOM components should be invisible to devtools.
@@ -96,7 +96,7 @@ describe('ReactHostOperationHistoryDevtool', () => {
96 return element;
97 }
98
99 - ReactHostOperationHistoryDevtool._preventClearing = true;
99 + ReactHostOperationHistoryHook._preventClearing = true;
100
101 var node = document.createElement('div');
102 element = null;
@@ -120,7 +120,7 @@ describe('ReactHostOperationHistoryDevtool', () => {
120 it('gets recorded during mount', () => {
121 var node = document.createElement('div');
122
123 - ReactHostOperationHistoryDevtool._preventClearing = true;
123 + ReactHostOperationHistoryHook._preventClearing = true;
124 ReactDOM.render(<div style={{
125 color: 'red',
126 backgroundColor: 'yellow',
@@ -155,7 +155,7 @@ describe('ReactHostOperationHistoryDevtool', () => {
155 ReactDOM.render(<div />, node);
156 var inst = ReactDOMComponentTree.getInstanceFromNode(node.firstChild);
157
158 - ReactHostOperationHistoryDevtool._preventClearing = true;
158 + ReactHostOperationHistoryHook._preventClearing = true;
159 ReactDOM.render(<div style={{ color: 'red' }} />, node);
160 ReactDOM.render(<div style={{
161 color: 'blue',
@@ -188,7 +188,7 @@ describe('ReactHostOperationHistoryDevtool', () => {
188 ReactDOM.render(<div />, node);
189 var inst = ReactDOMComponentTree.getInstanceFromNode(node.firstChild);
190
191 - ReactHostOperationHistoryDevtool._preventClearing = true;
191 + ReactHostOperationHistoryHook._preventClearing = true;
192 ReactDOM.render(<div style={{
193 color: 'red',
194 backgroundColor: 'yellow',
@@ -214,7 +214,7 @@ describe('ReactHostOperationHistoryDevtool', () => {
214 it('gets recorded during mount', () => {
215 var node = document.createElement('div');
216
217 - ReactHostOperationHistoryDevtool._preventClearing = true;
217 + ReactHostOperationHistoryHook._preventClearing = true;
218 ReactDOM.render(<div className="rad" tabIndex={42} />, node);
219
220 var inst = ReactDOMComponentTree.getInstanceFromNode(node.firstChild);
@@ -247,7 +247,7 @@ describe('ReactHostOperationHistoryDevtool', () => {
247 ReactDOM.render(<div />, node);
248 var inst = ReactDOMComponentTree.getInstanceFromNode(node.firstChild);
249
250 - ReactHostOperationHistoryDevtool._preventClearing = true;
250 + ReactHostOperationHistoryHook._preventClearing = true;
251 ReactDOM.render(<div className="rad" />, node);
252 ReactDOM.render(<div className="mad" tabIndex={42} />, node);
253 ReactDOM.render(<div tabIndex={43} />, node);
@@ -282,7 +282,7 @@ describe('ReactHostOperationHistoryDevtool', () => {
282 ReactDOM.render(<div />, node);
283 var inst = ReactDOMComponentTree.getInstanceFromNode(node.firstChild);
284
285 - ReactHostOperationHistoryDevtool._preventClearing = true;
285 + ReactHostOperationHistoryHook._preventClearing = true;
286 ReactDOM.render(<div disabled={true} />, node);
287 ReactDOM.render(<div disabled={false} />, node);
288
@@ -302,7 +302,7 @@ describe('ReactHostOperationHistoryDevtool', () => {
302 it('gets recorded during mount', () => {
303 var node = document.createElement('div');
304
305 - ReactHostOperationHistoryDevtool._preventClearing = true;
305 + ReactHostOperationHistoryHook._preventClearing = true;
306 ReactDOM.render(<div data-x="rad" data-y={42} />, node);
307
308 var inst = ReactDOMComponentTree.getInstanceFromNode(node.firstChild);
@@ -335,7 +335,7 @@ describe('ReactHostOperationHistoryDevtool', () => {
335 ReactDOM.render(<div />, node);
336 var inst = ReactDOMComponentTree.getInstanceFromNode(node.firstChild);
337
338 - ReactHostOperationHistoryDevtool._preventClearing = true;
338 + ReactHostOperationHistoryHook._preventClearing = true;
339 ReactDOM.render(<div data-x="rad" />, node);
340 ReactDOM.render(<div data-x="mad" data-y={42} />, node);
341 ReactDOM.render(<div data-y={43} />, node);
@@ -368,7 +368,7 @@ describe('ReactHostOperationHistoryDevtool', () => {
368 it('gets recorded during mount', () => {
369 var node = document.createElement('div');
370
371 - ReactHostOperationHistoryDevtool._preventClearing = true;
371 + ReactHostOperationHistoryHook._preventClearing = true;
372 ReactDOM.render(<my-component className="rad" tabIndex={42} />, node);
373
374 var inst = ReactDOMComponentTree.getInstanceFromNode(node.firstChild);
@@ -401,7 +401,7 @@ describe('ReactHostOperationHistoryDevtool', () => {
401 ReactDOM.render(<my-component />, node);
402 var inst = ReactDOMComponentTree.getInstanceFromNode(node.firstChild);
403
404 - ReactHostOperationHistoryDevtool._preventClearing = true;
404 + ReactHostOperationHistoryHook._preventClearing = true;
405 ReactDOM.render(<my-component className="rad" />, node);
406 ReactDOM.render(<my-component className="mad" tabIndex={42} />, node);
407 ReactDOM.render(<my-component tabIndex={43} />, node);
@@ -438,7 +438,7 @@ describe('ReactHostOperationHistoryDevtool', () => {
438 ReactDOM.render(<div>Hi.</div>, node);
439 var inst = ReactDOMComponentTree.getInstanceFromNode(node.firstChild);
440
441 - ReactHostOperationHistoryDevtool._preventClearing = true;
441 + ReactHostOperationHistoryHook._preventClearing = true;
442 ReactDOM.render(<div>Bye.</div>, node);
443
444 assertHistoryMatches([{
@@ -453,7 +453,7 @@ describe('ReactHostOperationHistoryDevtool', () => {
453 ReactDOM.render(<div dangerouslySetInnerHTML={{__html: 'Hi.'}} />, node);
454 var inst = ReactDOMComponentTree.getInstanceFromNode(node.firstChild);
455
456 - ReactHostOperationHistoryDevtool._preventClearing = true;
456 + ReactHostOperationHistoryHook._preventClearing = true;
457 ReactDOM.render(<div>Bye.</div>, node);
458
459 assertHistoryMatches([{
@@ -468,7 +468,7 @@ describe('ReactHostOperationHistoryDevtool', () => {
468 ReactDOM.render(<div><span /><p /></div>, node);
469 var inst = ReactDOMComponentTree.getInstanceFromNode(node.firstChild);
470
471 - ReactHostOperationHistoryDevtool._preventClearing = true;
471 + ReactHostOperationHistoryHook._preventClearing = true;
472 ReactDOM.render(<div>Bye.</div>, node);
473
474 assertHistoryMatches([{
@@ -490,7 +490,7 @@ describe('ReactHostOperationHistoryDevtool', () => {
490 var node = document.createElement('div');
491 ReactDOM.render(<div>Hi.</div>, node);
492
493 - ReactHostOperationHistoryDevtool._preventClearing = true;
493 + ReactHostOperationHistoryHook._preventClearing = true;
494 ReactDOM.render(<div>Hi.</div>, node);
495
496 assertHistoryMatches([]);
@@ -504,7 +504,7 @@ describe('ReactHostOperationHistoryDevtool', () => {
504 var inst1 = ReactDOMComponentTree.getInstanceFromNode(node.firstChild.childNodes[0]);
505 var inst2 = ReactDOMComponentTree.getInstanceFromNode(node.firstChild.childNodes[3]);
506
507 - ReactHostOperationHistoryDevtool._preventClearing = true;
507 + ReactHostOperationHistoryHook._preventClearing = true;
508 ReactDOM.render(<div>{'Bye.'}{43}</div>, node);
509
510 assertHistoryMatches([{
@@ -522,7 +522,7 @@ describe('ReactHostOperationHistoryDevtool', () => {
522 var node = document.createElement('div');
523 ReactDOM.render(<div>{'Hi.'}{42}</div>, node);
524
525 - ReactHostOperationHistoryDevtool._preventClearing = true;
525 + ReactHostOperationHistoryHook._preventClearing = true;
526 ReactDOM.render(<div>{'Hi.'}{42}</div>, node);
527
528 assertHistoryMatches([]);
@@ -544,7 +544,7 @@ describe('ReactHostOperationHistoryDevtool', () => {
544
545 element = <span />;
546
547 - ReactHostOperationHistoryDevtool._preventClearing = true;
547 + ReactHostOperationHistoryHook._preventClearing = true;
548 ReactDOM.render(<Foo />, node);
549
550 assertHistoryMatches([{
@@ -567,7 +567,7 @@ describe('ReactHostOperationHistoryDevtool', () => {
567 var inst = ReactDOMComponentTree.getInstanceFromNode(node.firstChild);
568 element = null;
569
570 - ReactHostOperationHistoryDevtool._preventClearing = true;
570 + ReactHostOperationHistoryHook._preventClearing = true;
571 ReactDOM.render(<Foo />, node);
572
573 assertHistoryMatches([{
@@ -589,7 +589,7 @@ describe('ReactHostOperationHistoryDevtool', () => {
589
590 element = <div />;
591
592 - ReactHostOperationHistoryDevtool._preventClearing = true;
592 + ReactHostOperationHistoryHook._preventClearing = true;
593 ReactDOM.render(<Foo />, node);
594
595 assertHistoryMatches([]);
@@ -602,7 +602,7 @@ describe('ReactHostOperationHistoryDevtool', () => {
602 ReactDOM.render(<div>Hi.</div>, node);
603 var inst = ReactDOMComponentTree.getInstanceFromNode(node.firstChild);
604
605 - ReactHostOperationHistoryDevtool._preventClearing = true;
605 + ReactHostOperationHistoryHook._preventClearing = true;
606 ReactDOM.render(
607 <div dangerouslySetInnerHTML={{__html: 'Bye.'}} />,
608 node
@@ -623,7 +623,7 @@ describe('ReactHostOperationHistoryDevtool', () => {
623 );
624 var inst = ReactDOMComponentTree.getInstanceFromNode(node.firstChild);
625
626 - ReactHostOperationHistoryDevtool._preventClearing = true;
626 + ReactHostOperationHistoryHook._preventClearing = true;
627 ReactDOM.render(
628 <div dangerouslySetInnerHTML={{__html: 'Bye.'}} />,
629 node
@@ -641,7 +641,7 @@ describe('ReactHostOperationHistoryDevtool', () => {
641 ReactDOM.render(<div><span /><p /></div>, node);
642 var inst = ReactDOMComponentTree.getInstanceFromNode(node.firstChild);
643
644 - ReactHostOperationHistoryDevtool._preventClearing = true;
644 + ReactHostOperationHistoryHook._preventClearing = true;
645 ReactDOM.render(
646 <div dangerouslySetInnerHTML={{__html: 'Hi.'}} />,
647 node
@@ -669,7 +669,7 @@ describe('ReactHostOperationHistoryDevtool', () => {
669 node
670 );
671
672 - ReactHostOperationHistoryDevtool._preventClearing = true;
672 + ReactHostOperationHistoryHook._preventClearing = true;
673 ReactDOM.render(
674 <div dangerouslySetInnerHTML={{__html: 'Hi.'}} />,
675 node
@@ -685,7 +685,7 @@ describe('ReactHostOperationHistoryDevtool', () => {
685 ReactDOM.render(<div><span /></div>, node);
686 var inst = ReactDOMComponentTree.getInstanceFromNode(node.firstChild);
687
688 - ReactHostOperationHistoryDevtool._preventClearing = true;
688 + ReactHostOperationHistoryHook._preventClearing = true;
689 ReactDOM.render(<div><span /><p /></div>, node);
690
691 assertHistoryMatches([{
@@ -702,7 +702,7 @@ describe('ReactHostOperationHistoryDevtool', () => {
702 ReactDOM.render(<div><span key="a" /><p key="b" /></div>, node);
703 var inst = ReactDOMComponentTree.getInstanceFromNode(node.firstChild);
704
705 - ReactHostOperationHistoryDevtool._preventClearing = true;
705 + ReactHostOperationHistoryHook._preventClearing = true;
706 ReactDOM.render(<div><p key="b" /><span key="a" /></div>, node);
707
708 assertHistoryMatches([{
@@ -719,7 +719,7 @@ describe('ReactHostOperationHistoryDevtool', () => {
719 ReactDOM.render(<div><span key="a" /><p key="b" /></div>, node);
720 var inst = ReactDOMComponentTree.getInstanceFromNode(node.firstChild);
721
722 - ReactHostOperationHistoryDevtool._preventClearing = true;
722 + ReactHostOperationHistoryHook._preventClearing = true;
723 ReactDOM.render(<div><span key="a" /></div>, node);
724
725 assertHistoryMatches([{
src/renderers/shared/stack/reconciler/ReactChildReconciler.js
+5 -5
@@ -19,7 +19,7 @@ var shouldUpdateReactComponent = require('shouldUpdateReactComponent');
19 var traverseAllChildren = require('traverseAllChildren');
20 var warning = require('warning');
21
22 -var ReactComponentTreeDevtool;
22 +var ReactComponentTreeHook;
23
24 if (
25 typeof process !== 'undefined' &&
@@ -31,15 +31,15 @@ if (
31 // https://github.com/facebook/react/issues/7240
32 // Remove the inline requires when we don't need them anymore:
33 // https://github.com/facebook/react/pull/7178
34 - ReactComponentTreeDevtool = require('ReactComponentTreeDevtool')
34 + ReactComponentTreeHook = require('ReactComponentTreeHook')
35 }
36
37 function instantiateChild(childInstances, child, name, selfDebugID) {
38 // We found a component instance.
39 var keyUnique = (childInstances[name] === undefined);
40 if (__DEV__) {
41 - if (!ReactComponentTreeDevtool) {
42 - ReactComponentTreeDevtool = require('ReactComponentTreeDevtool');
41 + if (!ReactComponentTreeHook) {
42 + ReactComponentTreeHook = require('ReactComponentTreeHook');
43 }
44 warning(
45 keyUnique,
@@ -47,7 +47,7 @@ function instantiateChild(childInstances, child, name, selfDebugID) {
47 '`%s`. Child keys must be unique; when two children share a key, only ' +
48 'the first child will be used.%s',
49 KeyEscapeUtils.unescape(name),
50 - ReactComponentTreeDevtool.getStackAddendumByID(selfDebugID)
50 + ReactComponentTreeHook.getStackAddendumByID(selfDebugID)
51 );
52 }
53 if (child != null && keyUnique) {
src/shared/utils/flattenChildren.js
+5 -5
@@ -16,7 +16,7 @@ var KeyEscapeUtils = require('KeyEscapeUtils');
16 var traverseAllChildren = require('traverseAllChildren');
17 var warning = require('warning');
18
19 -var ReactComponentTreeDevtool;
19 +var ReactComponentTreeHook;
20
21 if (
22 typeof process !== 'undefined' &&
@@ -28,7 +28,7 @@ if (
28 // https://github.com/facebook/react/issues/7240
29 // Remove the inline requires when we don't need them anymore:
30 // https://github.com/facebook/react/pull/7178
31 - ReactComponentTreeDevtool = require('ReactComponentTreeDevtool')
31 + ReactComponentTreeHook = require('ReactComponentTreeHook')
32 }
33
34 /**
@@ -48,8 +48,8 @@ function flattenSingleChildIntoContext(
48 const result = traverseContext;
49 const keyUnique = (result[name] === undefined);
50 if (__DEV__) {
51 - if (!ReactComponentTreeDevtool) {
52 - ReactComponentTreeDevtool = require('ReactComponentTreeDevtool');
51 + if (!ReactComponentTreeHook) {
52 + ReactComponentTreeHook = require('ReactComponentTreeHook');
53 }
54 warning(
55 keyUnique,
@@ -57,7 +57,7 @@ function flattenSingleChildIntoContext(
57 '`%s`. Child keys must be unique; when two children share a key, only ' +
58 'the first child will be used.%s',
59 KeyEscapeUtils.unescape(name),
60 - ReactComponentTreeDevtool.getStackAddendumByID(selfDebugID)
60 + ReactComponentTreeHook.getStackAddendumByID(selfDebugID)
61 );
62 }
63 if (keyUnique && child != null) {
src/test/ReactComponentTreeTestUtils.js
+13 -13
@@ -11,25 +11,25 @@
11
12 'use strict';
13
14 -var ReactComponentTreeDevtool = require('ReactComponentTreeDevtool');
14 +var ReactComponentTreeHook = require('ReactComponentTreeHook');
15
16 function getRootDisplayNames() {
17 - return ReactComponentTreeDevtool.getRootIDs()
18 - .map(ReactComponentTreeDevtool.getDisplayName);
17 + return ReactComponentTreeHook.getRootIDs()
18 + .map(ReactComponentTreeHook.getDisplayName);
19 }
20
21 function getRegisteredDisplayNames() {
22 - return ReactComponentTreeDevtool.getRegisteredIDs()
23 - .map(ReactComponentTreeDevtool.getDisplayName);
22 + return ReactComponentTreeHook.getRegisteredIDs()
23 + .map(ReactComponentTreeHook.getDisplayName);
24 }
25
26 function expectTree(rootID, expectedTree, parentPath) {
27 - var displayName = ReactComponentTreeDevtool.getDisplayName(rootID);
28 - var ownerID = ReactComponentTreeDevtool.getOwnerID(rootID);
29 - var parentID = ReactComponentTreeDevtool.getParentID(rootID);
30 - var childIDs = ReactComponentTreeDevtool.getChildIDs(rootID);
31 - var text = ReactComponentTreeDevtool.getText(rootID);
32 - var element = ReactComponentTreeDevtool.getElement(rootID);
27 + var displayName = ReactComponentTreeHook.getDisplayName(rootID);
28 + var ownerID = ReactComponentTreeHook.getOwnerID(rootID);
29 + var parentID = ReactComponentTreeHook.getParentID(rootID);
30 + var childIDs = ReactComponentTreeHook.getChildIDs(rootID);
31 + var text = ReactComponentTreeHook.getText(rootID);
32 + var element = ReactComponentTreeHook.getElement(rootID);
33 var path = parentPath ? `${parentPath} > ${displayName}` : displayName;
34
35 function expectEqual(actual, expected, name) {
@@ -46,14 +46,14 @@ function expectTree(rootID, expectedTree, parentPath) {
46
47 if (expectedTree.parentDisplayName !== undefined) {
48 expectEqual(
49 - ReactComponentTreeDevtool.getDisplayName(parentID),
49 + ReactComponentTreeHook.getDisplayName(parentID),
50 expectedTree.parentDisplayName,
51 'parentDisplayName'
52 );
53 }
54 if (expectedTree.ownerDisplayName !== undefined) {
55 expectEqual(
56 - ReactComponentTreeDevtool.getDisplayName(ownerID),
56 + ReactComponentTreeHook.getDisplayName(ownerID),
57 expectedTree.ownerDisplayName,
58 'ownerDisplayName'
59 );