From cff3ba94792716263ce058aceb2f16bafca28310 Mon Sep 17 00:00:00 2001 From: John Reilly Date: Thu, 27 Apr 2017 15:26:51 +0100 Subject: [PATCH 1/3] [React] Moved shallowRenderer into react-test-renderer as per https://facebook.github.io/react/blog/2017/04/07/react-v15.5.0.html#react-test-utils --- types/react-test-renderer/index.d.ts | 4 ++-- .../react-test-renderer-tests.ts | 8 +++++++ types/react-test-renderer/shallow/index.d.ts | 22 +++++++++++++++++++ 3 files changed, 32 insertions(+), 2 deletions(-) create mode 100644 types/react-test-renderer/shallow/index.d.ts diff --git a/types/react-test-renderer/index.d.ts b/types/react-test-renderer/index.d.ts index f87254fe23..e967fde49c 100644 --- a/types/react-test-renderer/index.d.ts +++ b/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 , Lochbrunner +// Definitions by: Arvitaly , Lochbrunner , Lochbrunner , John Reilly // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped // TypeScript Version: 2.1 diff --git a/types/react-test-renderer/react-test-renderer-tests.ts b/types/react-test-renderer/react-test-renderer-tests.ts index 790d0b0d92..a59dbc158a 100644 --- a/types/react-test-renderer/react-test-renderer-tests.ts +++ b/types/react-test-renderer/react-test-renderer-tests.ts @@ -1,5 +1,6 @@ import React = require("react"); import { create } from "react-test-renderer"; +import * as ReactTestUtils from './shallow'; const tree = create(React.createElement("div"), { createNodeMock: (el: React.ReactElement) => { @@ -13,3 +14,10 @@ tree.props = { }; tree.children = [tree]; tree.$$typeof = "t"; + +class TestComponent extends React.Component<{}, {}> { } + +const component = React.createElement(TestComponent); +const shallowRenderer = ReactTestUtils.createRenderer(); +shallowRenderer.render(component); +shallowRenderer.getRenderOutput(); diff --git a/types/react-test-renderer/shallow/index.d.ts b/types/react-test-renderer/shallow/index.d.ts new file mode 100644 index 0000000000..493ad4a777 --- /dev/null +++ b/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; + /** + * After `shallowRenderer.render()` has been called, returns shallowly rendered output. + */ + getRenderOutput(): ReactElement; + /** + * Similar to `ReactDOM.render` but it doesn't require DOM and only renders a single level deep. + */ + render(element: ReactElement, context?: any): void; + unmount(): void; +} + +/** + * Call this in your tests to create a shallow renderer. + */ +export function createRenderer(): ShallowRenderer; From 395180292667ff17a97daae3f1eac588e8096a9d Mon Sep 17 00:00:00 2001 From: John Reilly Date: Thu, 27 Apr 2017 15:39:05 +0100 Subject: [PATCH 2/3] change reference --- types/react-test-renderer/react-test-renderer-tests.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/types/react-test-renderer/react-test-renderer-tests.ts b/types/react-test-renderer/react-test-renderer-tests.ts index a59dbc158a..c93b27e0b2 100644 --- a/types/react-test-renderer/react-test-renderer-tests.ts +++ b/types/react-test-renderer/react-test-renderer-tests.ts @@ -1,6 +1,6 @@ import React = require("react"); import { create } from "react-test-renderer"; -import * as ReactTestUtils from './shallow'; +import { createRenderer } from 'react-test-renderer/shallow'; const tree = create(React.createElement("div"), { createNodeMock: (el: React.ReactElement) => { @@ -18,6 +18,6 @@ tree.$$typeof = "t"; class TestComponent extends React.Component<{}, {}> { } const component = React.createElement(TestComponent); -const shallowRenderer = ReactTestUtils.createRenderer(); +const shallowRenderer = createRenderer(); shallowRenderer.render(component); shallowRenderer.getRenderOutput(); From ca84513e8400c390e1d1ca713edab3cef8f43060 Mon Sep 17 00:00:00 2001 From: John Reilly Date: Thu, 27 Apr 2017 15:46:14 +0100 Subject: [PATCH 3/3] include missing file --- types/react-test-renderer/tsconfig.json | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/types/react-test-renderer/tsconfig.json b/types/react-test-renderer/tsconfig.json index 0bff5e3068..568caa6698 100644 --- a/types/react-test-renderer/tsconfig.json +++ b/types/react-test-renderer/tsconfig.json @@ -18,6 +18,7 @@ }, "files": [ "index.d.ts", + "shallow/index.d.ts", "react-test-renderer-tests.ts" ] -} \ No newline at end of file +}