Merge pull request #6633 from gaearon/native-tree-devtool

Make ReactComponentTreeDevtool work with React Native (cherry picked from commit 45ec126)
facebook · May 10, 2016 · cba62fe · cba62fe
1 parent 09c6d53
commit cba62fe
Show file tree

Hide file tree

Showing 6 changed files with 1,754 additions and 2 deletions.
diff --git a/src/isomorphic/devtools/__tests__/ReactComponentTreeDevtool-test.js b/src/isomorphic/devtools/__tests__/ReactComponentTreeDevtool-test.js
@@ -93,6 +93,8 @@ describe('ReactComponentTreeDevtool', () => {
       return getTree(rootInstance._debugID, options).children[0];
     }
 
+    // Mount once, render updates, then unmount.
+    // Ensure the tree is correct on every step.
     pairs.forEach(([element, expectedTree]) => {
       currentElement = element;
       ReactDOM.render(<Wrapper />, node);
@@ -101,17 +103,17 @@ describe('ReactComponentTreeDevtool', () => {
       expect(getActualTree()).toEqual(expectedTree);
     });
     ReactDOM.unmountComponentAtNode(node);
-
     ReactComponentTreeDevtool.purgeUnmountedComponents();
     expect(getActualTree()).toBe(undefined);
     expect(getRootDisplayNames()).toEqual([]);
     expect(getRegisteredDisplayNames()).toEqual([]);
 
+    // Server render every pair.
+    // Ensure the tree is correct on every step.
     pairs.forEach(([element, expectedTree]) => {
       currentElement = element;
       ReactDOMServer.renderToString(<Wrapper />);
       expect(getActualTree()).toEqual(expectedTree);
-
       ReactComponentTreeDevtool.purgeUnmountedComponents();
       expect(getActualTree()).toBe(undefined);
       expect(getRootDisplayNames()).toEqual([]);