{"patch":"diff --git a\/src\/renderers\/dom\/test\/__tests__\/ReactTestUtils-test.js b\/src\/renderers\/dom\/test\/__tests__\/ReactTestUtils-test.js\nindex edc11927a7..09337a0cae 100644\n--- a\/src\/renderers\/dom\/test\/__tests__\/ReactTestUtils-test.js\n+++ b\/src\/renderers\/dom\/test\/__tests__\/ReactTestUtils-test.js\n@@ -12,7 +12,6 @@\n 'use strict';\n \n let createRenderer;\n-let PropTypes;\n let React;\n let ReactDOM;\n let ReactDOMServer;\n@@ -21,625 +20,12 @@ let ReactTestUtils;\n describe('ReactTestUtils', () => {\n beforeEach(() => {\n createRenderer = require('react-test-renderer\/shallow').createRenderer;\n- PropTypes = require('prop-types');\n React = require('react');\n ReactDOM = require('react-dom');\n ReactDOMServer = require('react-dom\/server');\n ReactTestUtils = require('react-dom\/test-utils');\n });\n \n- it('should call all of the lifecycle hooks', () => {\n- const logs = [];\n- const logger = message => () => logs.push(message) || true;\n-\n- class SomeComponent extends React.Component {\n- componentWillMount = logger('componentWillMount');\n- componentDidMount = logger('componentDidMount');\n- componentWillReceiveProps = logger('componentWillReceiveProps');\n- shouldComponentUpdate = logger('shouldComponentUpdate');\n- componentWillUpdate = logger('componentWillUpdate');\n- componentDidUpdate = logger('componentDidUpdate');\n- componentWillUnmount = logger('componentWillUnmount');\n- render() {\n- return

;\n- }\n- }\n-\n- const shallowRenderer = createRenderer();\n- shallowRenderer.render();\n-\n- \/\/ Calling cDU might lead to problems with host component references.\n- \/\/ Since our components aren't really mounted, refs won't be available.\n- expect(logs).toEqual(['componentWillMount']);\n-\n- logs.splice(0);\n-\n- const instance = shallowRenderer.getMountedInstance();\n- instance.setState({});\n-\n- \/\/ The previous shallow renderer triggered cDU for setState() calls.\n- expect(logs).toEqual([\n- 'shouldComponentUpdate',\n- 'componentWillUpdate',\n- 'componentDidUpdate',\n- ]);\n-\n- logs.splice(0);\n-\n- shallowRenderer.render();\n-\n- \/\/ The previous shallow renderer did not trigger cDU for props changes.\n- expect(logs).toEqual([\n- 'componentWillReceiveProps',\n- 'shouldComponentUpdate',\n- 'componentWillUpdate',\n- ]);\n- });\n-\n- it('should only render 1 level deep', () => {\n- function Parent() {\n- return

<\/div>;\n- }\n- function Child() {\n- throw Error('This component should not render');\n- }\n-\n- const shallowRenderer = createRenderer();\n- shallowRenderer.render(React.createElement(Parent));\n- });\n-\n- it('should have shallow rendering', () => {\n- class SomeComponent extends React.Component {\n- render() {\n- return (\n-

\n- \n- \n- <\/div>\n- );\n- }\n- }\n-\n- const shallowRenderer = createRenderer();\n- const result = shallowRenderer.render();\n-\n- expect(result.type).toBe('div');\n- expect(result.props.children).toEqual([\n- ,\n- ,\n- ]);\n- });\n-\n- it('should enable shouldComponentUpdate to prevent a re-render', () => {\n- let renderCounter = 0;\n- class SimpleComponent extends React.Component {\n- state = {update: false};\n- shouldComponentUpdate(nextProps, nextState) {\n- return this.state.update !== nextState.update;\n- }\n- render() {\n- renderCounter++;\n- return

{`${renderCounter}`}<\/div>;\n- }\n- }\n-\n- const shallowRenderer = createRenderer();\n- shallowRenderer.render();\n- expect(shallowRenderer.getRenderOutput()).toEqual(

1<\/div>);\n-\n- const instance = shallowRenderer.getMountedInstance();\n- instance.setState({update: false});\n- expect(shallowRenderer.getRenderOutput()).toEqual(

1<\/div>);\n-\n- instance.setState({update: true});\n- expect(shallowRenderer.getRenderOutput()).toEqual(

2<\/div>);\n- });\n-\n- it('should shallow render a functional component', () => {\n- function SomeComponent(props, context) {\n- return (\n-

\n-

{props.foo}<\/div>\n-

{context.bar}<\/div>\n- \n- \n- <\/div>\n- );\n- }\n-\n- const shallowRenderer = createRenderer();\n- const result = shallowRenderer.render(, {\n- bar: 'BAR',\n- });\n-\n- expect(result.type).toBe('div');\n- expect(result.props.children).toEqual([\n-

FOO<\/div>,\n-

BAR<\/div>,\n- ,\n- ,\n- ]);\n- });\n-\n- it('should shallow render a component returning strings directly from render', () => {\n- const Text = ({value}) => value;\n-\n- const shallowRenderer = createRenderer();\n- const result = shallowRenderer.render();\n- expect(result).toEqual('foo');\n- });\n-\n- it('should shallow render a component returning numbers directly from render', () => {\n- const Text = ({value}) => value;\n-\n- const shallowRenderer = createRenderer();\n- const result = shallowRenderer.render();\n- expect(result).toEqual(10);\n- });\n-\n- it('should shallow render a fragment', () => {\n- class SomeComponent extends React.Component {\n- render() {\n- return

;\n- }\n- }\n- class Fragment extends React.Component {\n- render() {\n- return [

, , ];\n- }\n- }\n- const shallowRenderer = createRenderer();\n- const result = shallowRenderer.render();\n- expect(result).toEqual([\n-

,\n- ,\n- ,\n- ]);\n- });\n-\n- it('should throw for invalid elements', () => {\n- class SomeComponent extends React.Component {\n- render() {\n- return

;\n- }\n- }\n-\n- const shallowRenderer = createRenderer();\n- expect(() => shallowRenderer.render(SomeComponent)).toThrowError(\n- 'ReactShallowRenderer render(): Invalid component element. Instead of ' +\n- 'passing a component class, make sure to instantiate it by passing it ' +\n- 'to React.createElement.',\n- );\n- expect(() => shallowRenderer.render(

)).toThrowError(\n- 'ReactShallowRenderer render(): Shallow rendering works only with ' +\n- 'custom components, not primitives (div). Instead of calling ' +\n- '`.render(el)` and inspecting the rendered output, look at `el.props` ' +\n- 'directly instead.',\n- );\n- });\n-\n- it('should have shallow unmounting', () => {\n- const componentWillUnmount = jest.fn();\n-\n- class SomeComponent extends React.Component {\n- componentWillUnmount = componentWillUnmount;\n- render() {\n- return

;\n- }\n- }\n-\n- const shallowRenderer = createRenderer();\n- shallowRenderer.render();\n- shallowRenderer.unmount();\n-\n- expect(componentWillUnmount).toBeCalled();\n- });\n-\n- it('can shallow render to null', () => {\n- class SomeComponent extends React.Component {\n- render() {\n- return null;\n- }\n- }\n-\n- const shallowRenderer = createRenderer();\n- const result = shallowRenderer.render();\n-\n- expect(result).toBe(null);\n- });\n-\n- it('can shallow render with a ref', () => {\n- class SomeComponent extends React.Component {\n- render() {\n- return

;\n- }\n- }\n-\n- const shallowRenderer = createRenderer();\n- \/\/ Shouldn't crash.\n- shallowRenderer.render();\n- });\n-\n- it('lets you update shallowly rendered components', () => {\n- class SomeComponent extends React.Component {\n- state = {clicked: false};\n-\n- onClick = () => {\n- this.setState({clicked: true});\n- };\n-\n- render() {\n- const className = this.state.clicked ? 'was-clicked' : '';\n-\n- if (this.props.aNew === 'prop') {\n- return (\n- \n- Test link\n- <\/a>\n- );\n- } else {\n- return (\n-

\n- \n- \n- <\/div>\n- );\n- }\n- }\n- }\n-\n- const shallowRenderer = createRenderer();\n- const result = shallowRenderer.render();\n- expect(result.type).toBe('div');\n- expect(result.props.children).toEqual([\n- ,\n- ,\n- ]);\n-\n- const updatedResult = shallowRenderer.render();\n- expect(updatedResult.type).toBe('a');\n-\n- const mockEvent = {};\n- updatedResult.props.onClick(mockEvent);\n-\n- const updatedResultCausedByClick = shallowRenderer.getRenderOutput();\n- expect(updatedResultCausedByClick.type).toBe('a');\n- expect(updatedResultCausedByClick.props.className).toBe('was-clicked');\n- });\n-\n- it('can access the mounted component instance', () => {\n- class SimpleComponent extends React.Component {\n- someMethod = () => {\n- return this.props.n;\n- };\n-\n- render() {\n- return

{this.props.n}<\/div>;\n- }\n- }\n-\n- const shallowRenderer = createRenderer();\n- shallowRenderer.render();\n- expect(shallowRenderer.getMountedInstance().someMethod()).toEqual(5);\n- });\n-\n- it('can shallowly render components with contextTypes', () => {\n- class SimpleComponent extends React.Component {\n- static contextTypes = {\n- name: PropTypes.string,\n- };\n-\n- render() {\n- return

;\n- }\n- }\n-\n- const shallowRenderer = createRenderer();\n- const result = shallowRenderer.render();\n- expect(result).toEqual(

);\n- });\n-\n- it('can shallowly render components with ref as function', () => {\n- class SimpleComponent extends React.Component {\n- state = {clicked: false};\n-\n- handleUserClick = () => {\n- this.setState({clicked: true});\n- };\n-\n- render() {\n- return (\n- {}}\n- onClick={this.handleUserClick}\n- className={this.state.clicked ? 'clicked' : ''}\n- \/>\n- );\n- }\n- }\n-\n- const shallowRenderer = createRenderer();\n- shallowRenderer.render();\n- let result = shallowRenderer.getRenderOutput();\n- expect(result.type).toEqual('div');\n- expect(result.props.className).toEqual('');\n- result.props.onClick();\n-\n- result = shallowRenderer.getRenderOutput();\n- expect(result.type).toEqual('div');\n- expect(result.props.className).toEqual('clicked');\n- });\n-\n- it('can setState in componentWillMount when shallow rendering', () => {\n- class SimpleComponent extends React.Component {\n- componentWillMount() {\n- this.setState({groovy: 'doovy'});\n- }\n-\n- render() {\n- return

{this.state.groovy}<\/div>;\n- }\n- }\n-\n- const shallowRenderer = createRenderer();\n- const result = shallowRenderer.render();\n- expect(result).toEqual(

doovy<\/div>);\n- });\n-\n- it('can setState in componentWillReceiveProps when shallow rendering', () => {\n- class SimpleComponent extends React.Component {\n- state = {count: 0};\n-\n- componentWillReceiveProps(nextProps) {\n- if (nextProps.updateState) {\n- this.setState({count: 1});\n- }\n- }\n-\n- render() {\n- return

{this.state.count}<\/div>;\n- }\n- }\n-\n- const shallowRenderer = createRenderer();\n- let result = shallowRenderer.render(\n- ,\n- );\n- expect(result.props.children).toEqual(0);\n-\n- result = shallowRenderer.render();\n- expect(result.props.children).toEqual(1);\n- });\n-\n- it('can setState with an updater function', () => {\n- let instance;\n-\n- class SimpleComponent extends React.Component {\n- state = {\n- counter: 0,\n- };\n-\n- render() {\n- instance = this;\n- return (\n-

dillon1000/react

Files changed