Merge pull request #16175 from johnnyreilly/master

[React] Moved shallowRenderer into react-test-renderer as per

types/react-test-renderer/index.d.ts

@@ -1,6 +1,6 @@
-// Type definitions for react-test-renderer 15.4
+// Type definitions for react-test-renderer 15.5
 // Project: https://facebook.github.io/react/
-// Definitions by: Arvitaly <https://github.com/arvitaly>, Lochbrunner <https://github.com/lochbrunner>
+// Definitions by: Arvitaly <https://github.com/arvitaly>, Lochbrunner <https://github.com/lochbrunner>, Lochbrunner <https://github.com/lochbrunner>, John Reilly <https://github.com/johnnyreilly/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.1
 

types/react-test-renderer/react-test-renderer-tests.ts

@@ -1,5 +1,6 @@
 import React = require("react");
 import { create } from "react-test-renderer";
+import { createRenderer } from 'react-test-renderer/shallow';
 
 const tree = create(React.createElement("div"), {
     createNodeMock: (el: React.ReactElement<any>) => {
@@ -13,3 +14,10 @@ tree.props = {
 };
 tree.children = [tree];
 tree.$$typeof = "t";
+
+class TestComponent extends React.Component<{}, {}> { }
+
+const component = React.createElement(TestComponent);
+const shallowRenderer = createRenderer();
+shallowRenderer.render(component);
+shallowRenderer.getRenderOutput();

types/react-test-renderer/shallow/index.d.ts

@@ -0,0 +1,22 @@
+import { ReactElement } from 'react';
+
+export interface ShallowRenderer {
+    /**
+     * After `shallowRenderer.render()` has been called, returns shallowly rendered output.
+     */
+    getRenderOutput<E extends ReactElement<any>>(): E;
+    /**
+     * After `shallowRenderer.render()` has been called, returns shallowly rendered output.
+     */
+    getRenderOutput(): ReactElement<any>;
+    /**
+     * Similar to `ReactDOM.render` but it doesn't require DOM and only renders a single level deep.
+     */
+    render(element: ReactElement<any>, context?: any): void;
+    unmount(): void;
+}
+
+/**
+ * Call this in your tests to create a shallow renderer.
+ */
+export function createRenderer(): ShallowRenderer;

types/react-test-renderer/tsconfig.json

@@ -18,6 +18,7 @@
     },
     "files": [
         "index.d.ts",
+        "shallow/index.d.ts",
         "react-test-renderer-tests.ts"
     ]
-}
+}