<\/b>'}} \/>\n <\/div>\n );\n- },\n- });\n+ }\n+ }\n \n function renderAndQuery(sel) {\n var root = renderMarkupIntoDocument(

<\/section>);\ndiff --git a\/src\/renderers\/dom\/client\/__tests__\/ReactDOMTreeTraversal-test.js b\/src\/renderers\/dom\/client\/__tests__\/ReactDOMTreeTraversal-test.js\nindex 888e17d159..a3c88d48d5 100644\n--- a\/src\/renderers\/dom\/client\/__tests__\/ReactDOMTreeTraversal-test.js\n+++ b\/src\/renderers\/dom\/client\/__tests__\/ReactDOMTreeTraversal-test.js\n@@ -21,19 +21,19 @@ var ReactTestUtils = require('ReactTestUtils');\n var ARG = {arg: true};\n var ARG2 = {arg2: true};\n \n-var ChildComponent = React.createClass({\n- render: function() {\n+class ChildComponent extends React.Component {\n+ render() {\n return (\n

\n <\/div>\n );\n- },\n-});\n+ }\n+}\n \n-var ParentComponent = React.createClass({\n- render: function() {\n+class ParentComponent extends React.Component {\n+ render() {\n return (\n

\n@@ -43,8 +43,8 @@ var ParentComponent = React.createClass({\n

\n <\/div>\n );\n- },\n-});\n+ }\n+}\n \n function renderParentIntoDocument() {\n return ReactTestUtils.renderIntoDocument();\ndiff --git a\/src\/renderers\/dom\/client\/__tests__\/ReactEventListener-test.js b\/src\/renderers\/dom\/client\/__tests__\/ReactEventListener-test.js\nindex 049284f8f7..b29d07b190 100644\n--- a\/src\/renderers\/dom\/client\/__tests__\/ReactEventListener-test.js\n+++ b\/src\/renderers\/dom\/client\/__tests__\/ReactEventListener-test.js\n@@ -184,18 +184,16 @@ describe('ReactEventListener', function() {\n });\n \n it('should not fire duplicate events for a React DOM tree', function() {\n- var Wrapper = React.createClass({\n-\n- getInner: function() {\n+ class Wrapper extends React.Component {\n+ getInner = () => {\n return this.refs.inner;\n- },\n+ };\n \n- render: function() {\n+ render() {\n var inner =

Inner<\/div>;\n return

{inner}<\/div><\/div>;\n- },\n-\n- });\n+ }\n+ }\n \n var instance = ReactTestUtils.renderIntoDocument();\n \ndiff --git a\/src\/renderers\/dom\/client\/__tests__\/ReactMount-test.js b\/src\/renderers\/dom\/client\/__tests__\/ReactMount-test.js\nindex b72a26dec5..3b79e8cc71 100644\n--- a\/src\/renderers\/dom\/client\/__tests__\/ReactMount-test.js\n+++ b\/src\/renderers\/dom\/client\/__tests__\/ReactMount-test.js\n@@ -60,11 +60,12 @@ describe('ReactMount', function() {\n });\n \n it('throws when given a factory', function() {\n- var Component = React.createClass({\n- render: function() {\n+ class Component extends React.Component {\n+ render() {\n return

;\n- },\n- });\n+ }\n+ }\n+\n expect(function() {\n ReactTestUtils.renderIntoDocument(Component);\n }).toThrowError(\n@@ -206,11 +207,13 @@ describe('ReactMount', function() {\n \n it('should warn if render removes React-rendered children', function() {\n var container = document.createElement('container');\n- var Component = React.createClass({\n- render: function() {\n+\n+ class Component extends React.Component {\n+ render() {\n return

<\/div>;\n- },\n- });\n+ }\n+ }\n+\n ReactDOM.render(, container);\n \n \/\/ Test that blasting away children throws a warning\n@@ -281,17 +284,17 @@ describe('ReactMount', function() {\n it('marks top-level mounts', function() {\n var ReactFeatureFlags = require('ReactFeatureFlags');\n \n- var Foo = React.createClass({\n- render: function() {\n+ class Foo extends React.Component {\n+ render() {\n return ;\n- },\n- });\n+ }\n+ }\n \n- var Bar = React.createClass({\n- render: function() {\n+ class Bar extends React.Component {\n+ render() {\n return

;\n- },\n- });\n+ }\n+ }\n \n try {\n ReactFeatureFlags.logTopLevelRenders = true;\ndiff --git a\/src\/renderers\/dom\/client\/__tests__\/ReactRenderDocument-test.js b\/src\/renderers\/dom\/client\/__tests__\/ReactRenderDocument-test.js\nindex 6f2b5d3c2d..496f0ce4e2 100644\n--- a\/src\/renderers\/dom\/client\/__tests__\/ReactRenderDocument-test.js\n+++ b\/src\/renderers\/dom\/client\/__tests__\/ReactRenderDocument-test.js\n@@ -41,8 +41,8 @@ describe('rendering React components at document', function() {\n it('should be able to adopt server markup', function() {\n expect(testDocument).not.toBeUndefined();\n \n- var Root = React.createClass({\n- render: function() {\n+ class Root extends React.Component {\n+ render() {\n return (\n \n \n@@ -53,8 +53,8 @@ describe('rendering React components at document', function() {\n <\/body>\n <\/html>\n );\n- },\n- });\n+ }\n+ }\n \n var markup = ReactDOMServer.renderToString();\n testDocument = getTestDocument(markup);\n@@ -72,8 +72,8 @@ describe('rendering React components at document', function() {\n it('should not be able to unmount component from document node', function() {\n expect(testDocument).not.toBeUndefined();\n \n- var Root = React.createClass({\n- render: function() {\n+ class Root extends React.Component {\n+ render() {\n return (\n \n \n@@ -84,8 +84,8 @@ describe('rendering React components at document', function() {\n <\/body>\n <\/html>\n );\n- },\n- });\n+ }\n+ }\n \n var markup = ReactDOMServer.renderToString();\n testDocument = getTestDocument(markup);\n@@ -102,8 +102,8 @@ describe('rendering React components at document', function() {\n it('should not be able to switch root constructors', function() {\n expect(testDocument).not.toBeUndefined();\n \n- var Component = React.createClass({\n- render: function() {\n+ class Component extends React.Component {\n+ render() {\n return (\n \n \n@@ -114,11 +114,11 @@ describe('rendering React components at document', function() {\n <\/body>\n <\/html>\n );\n- },\n- });\n+ }\n+ }\n \n- var Component2 = React.createClass({\n- render: function() {\n+ class Component2 extends React.Component {\n+ render() {\n return (\n \n \n@@ -129,8 +129,8 @@ describe('rendering React components at document', function() {\n <\/body>\n <\/html>\n );\n- },\n- });\n+ }\n+ }\n \n var markup = ReactDOMServer.renderToString();\n testDocument = getTestDocument(markup);\n@@ -150,8 +150,8 @@ describe('rendering React components at document', function() {\n it('should be able to mount into document', function() {\n expect(testDocument).not.toBeUndefined();\n \n- var Component = React.createClass({\n- render: function() {\n+ class Component extends React.Component {\n+ render() {\n return (\n \n \n@@ -162,8 +162,8 @@ describe('rendering React components at document', function() {\n <\/body>\n <\/html>\n );\n- },\n- });\n+ }\n+ }\n \n var markup = ReactDOMServer.renderToString(\n \n@@ -178,8 +178,8 @@ describe('rendering React components at document', function() {\n it('should give helpful errors on state desync', function() {\n expect(testDocument).not.toBeUndefined();\n \n- var Component = React.createClass({\n- render: function() {\n+ class Component extends React.Component {\n+ render() {\n return (\n \n \n@@ -190,8 +190,8 @@ describe('rendering React components at document', function() {\n <\/body>\n <\/html>\n );\n- },\n- });\n+ }\n+ }\n \n var markup = ReactDOMServer.renderToString(\n \n@@ -220,8 +220,8 @@ describe('rendering React components at document', function() {\n \n var container = testDocument;\n \n- var Component = React.createClass({\n- render: function() {\n+ class Component extends React.Component {\n+ render() {\n return (\n \n \n@@ -232,8 +232,8 @@ describe('rendering React components at document', function() {\n <\/body>\n <\/html>\n );\n- },\n- });\n+ }\n+ }\n \n expect(function() {\n ReactDOM.render(, container);\ndiff --git a\/src\/renderers\/dom\/client\/__tests__\/findDOMNode-test.js b\/src\/renderers\/dom\/client\/__tests__\/findDOMNode-test.js\nindex 185e67c516..6c3b35da06 100644\n--- a\/src\/renderers\/dom\/client\/__tests__\/findDOMNode-test.js\n+++ b\/src\/renderers\/dom\/client\/__tests__\/findDOMNode-test.js\n@@ -21,11 +21,11 @@ describe('findDOMNode', function() {\n });\n \n it('findDOMNode should find dom element', function() {\n- var MyNode = React.createClass({\n- render: function() {\n+ class MyNode extends React.Component {\n+ render() {\n return

Noise<\/span><\/div>;\n- },\n- });\n+ }\n+ }\n \n var myNode = ReactTestUtils.renderIntoDocument();\n var myDiv = ReactDOM.findDOMNode(myNode);\n@@ -43,11 +43,11 @@ describe('findDOMNode', function() {\n });\n \n it('findDOMNode should reject unmounted objects with render func', function() {\n- var Foo = React.createClass({\n- render: function() {\n+ class Foo extends React.Component {\n+ render() {\n return

;\n- },\n- });\n+ }\n+ }\n \n var container = document.createElement('div');\n var inst = ReactDOM.render(, container);\n@@ -59,14 +59,15 @@ describe('findDOMNode', function() {\n });\n \n it('findDOMNode should not throw an error when called within a component that is not mounted', function() {\n- var Bar = React.createClass({\n- componentWillMount: function() {\n+ class Bar extends React.Component {\n+ componentWillMount() {\n expect(ReactDOM.findDOMNode(this)).toBeNull();\n- },\n- render: function() {\n+ }\n+\n+ render() {\n return ;\n- },\n- });\n+ }\n+ }\n \n expect(() => ReactTestUtils.renderIntoDocument()).not.toThrow();\n });\ndiff --git a\/src\/renderers\/dom\/client\/eventPlugins\/__tests__\/SelectEventPlugin-test.js b\/src\/renderers\/dom\/client\/eventPlugins\/__tests__\/SelectEventPlugin-test.js\nindex 46e21b96ce..facf2f7a30 100644\n--- a\/src\/renderers\/dom\/client\/eventPlugins\/__tests__\/SelectEventPlugin-test.js\n+++ b\/src\/renderers\/dom\/client\/eventPlugins\/__tests__\/SelectEventPlugin-test.js\n@@ -42,11 +42,11 @@ describe('SelectEventPlugin', function() {\n });\n \n it('should skip extraction if no listeners are present', function() {\n- var WithoutSelect = React.createClass({\n- render: function() {\n+ class WithoutSelect extends React.Component {\n+ render() {\n return ;\n- },\n- });\n+ }\n+ }\n \n var rendered = ReactTestUtils.renderIntoDocument();\n var node = ReactDOM.findDOMNode(rendered);\n@@ -60,11 +60,11 @@ describe('SelectEventPlugin', function() {\n });\n \n it('should extract if an `onSelect` listener is present', function() {\n- var WithSelect = React.createClass({\n- render: function() {\n+ class WithSelect extends React.Component {\n+ render() {\n return ;\n- },\n- });\n+ }\n+ }\n \n var cb = jest.fn();\n \ndiff --git a\/src\/renderers\/dom\/client\/wrappers\/__tests__\/ReactDOMInput-test.js b\/src\/renderers\/dom\/client\/wrappers\/__tests__\/ReactDOMInput-test.js\nindex 8108f8934e..f8bd5855d5 100644\n--- a\/src\/renderers\/dom\/client\/wrappers\/__tests__\/ReactDOMInput-test.js\n+++ b\/src\/renderers\/dom\/client\/wrappers\/__tests__\/ReactDOMInput-test.js\n@@ -281,8 +281,8 @@ describe('ReactDOMInput', function() {\n });\n \n it('should control radio buttons', function() {\n- var RadioGroup = React.createClass({\n- render: function() {\n+ class RadioGroup extends React.Component {\n+ render() {\n return (\n

\n \n <\/div>\n );\n- },\n- });\n+ }\n+ }\n \n var stub = ReactTestUtils.renderIntoDocument();\n var aNode = ReactDOM.findDOMNode(stub.refs.a);\ndiff --git a\/src\/renderers\/dom\/server\/__tests__\/ReactServerRendering-test.js b\/src\/renderers\/dom\/server\/__tests__\/ReactServerRendering-test.js\nindex cd5d30f7f6..e552678c8a 100644\n--- a\/src\/renderers\/dom\/server\/__tests__\/ReactServerRendering-test.js\n+++ b\/src\/renderers\/dom\/server\/__tests__\/ReactServerRendering-test.js\n@@ -75,11 +75,12 @@ describe('ReactServerRendering', function() {\n });\n \n it('should generate comment markup for component returns null', function() {\n- var NullComponent = React.createClass({\n- render: function() {\n+ class NullComponent extends React.Component {\n+ render() {\n return null;\n- },\n- });\n+ }\n+ }\n+\n var response = ReactServerRendering.renderToString();\n expect(response).toBe('');\n });\n@@ -95,16 +96,18 @@ describe('ReactServerRendering', function() {\n });\n \n it('should render composite components', function() {\n- var Parent = React.createClass({\n- render: function() {\n+ class Parent extends React.Component {\n+ render() {\n return

<\/div>;\n- },\n- });\n- var Child = React.createClass({\n- render: function() {\n+ }\n+ }\n+\n+ class Child extends React.Component {\n+ render() {\n return My name is {this.props.name}<\/span>;\n- },\n- });\n+ }\n+ }\n+\n var response = ReactServerRendering.renderToString(\n \n );\n@@ -123,37 +126,47 @@ describe('ReactServerRendering', function() {\n it('should only execute certain lifecycle methods', function() {\n function runTest() {\n var lifecycle = [];\n- var TestComponent = React.createClass({\n- componentWillMount: function() {\n+\n+ class TestComponent extends React.Component {\n+ constructor(props) {\n+ super(props);\n+ lifecycle.push('getInitialState');\n+ this.state = {name: 'TestComponent'};\n+ }\n+\n+ componentWillMount() {\n lifecycle.push('componentWillMount');\n- },\n- componentDidMount: function() {\n+ }\n+\n+ componentDidMount() {\n lifecycle.push('componentDidMount');\n- },\n- getInitialState: function() {\n- lifecycle.push('getInitialState');\n- return {name: 'TestComponent'};\n- },\n- render: function() {\n+ }\n+\n+ render() {\n lifecycle.push('render');\n return Component name: {this.state.name}<\/span>;\n- },\n- componentWillUpdate: function() {\n+ }\n+\n+ componentWillUpdate() {\n lifecycle.push('componentWillUpdate');\n- },\n- componentDidUpdate: function() {\n+ }\n+\n+ componentDidUpdate() {\n lifecycle.push('componentDidUpdate');\n- },\n- shouldComponentUpdate: function() {\n+ }\n+\n+ shouldComponentUpdate() {\n lifecycle.push('shouldComponentUpdate');\n- },\n- componentWillReceiveProps: function() {\n+ }\n+\n+ componentWillReceiveProps() {\n lifecycle.push('componentWillReceiveProps');\n- },\n- componentWillUnmount: function() {\n+ }\n+\n+ componentWillUnmount() {\n lifecycle.push('componentWillUnmount');\n- },\n- });\n+ }\n+ }\n \n var response = ReactServerRendering.renderToString(\n \n@@ -186,19 +199,21 @@ describe('ReactServerRendering', function() {\n var mountCount = 0;\n var numClicks = 0;\n \n- var TestComponent = React.createClass({\n- componentDidMount: function() {\n+ class TestComponent extends React.Component {\n+ componentDidMount() {\n mountCount++;\n- },\n- click: function() {\n+ }\n+\n+ click = () => {\n numClicks++;\n- },\n- render: function() {\n+ };\n+\n+ render() {\n return (\n Name: {this.props.name}<\/span>\n );\n- },\n- });\n+ }\n+ }\n \n var element = document.createElement('div');\n ReactDOM.render(, element);\n@@ -274,17 +289,17 @@ describe('ReactServerRendering', function() {\n \n describe('renderToStaticMarkup', function() {\n it('should not put checksum and React ID on components', function() {\n- var NestedComponent = React.createClass({\n- render: function() {\n+ class NestedComponent extends React.Component {\n+ render() {\n return

inner text<\/div>;\n- },\n- });\n+ }\n+ }\n \n- var TestComponent = React.createClass({\n- render: function() {\n+ class TestComponent extends React.Component {\n+ render() {\n return <\/span>;\n- },\n- });\n+ }\n+ }\n \n var response = ReactServerRendering.renderToStaticMarkup(\n \n@@ -294,11 +309,11 @@ describe('ReactServerRendering', function() {\n });\n \n it('should not put checksum and React ID on text components', function() {\n- var TestComponent = React.createClass({\n- render: function() {\n+ class TestComponent extends React.Component {\n+ render() {\n return {'hello'} {'world'}<\/span>;\n- },\n- });\n+ }\n+ }\n \n var response = ReactServerRendering.renderToStaticMarkup(\n \n@@ -320,37 +335,47 @@ describe('ReactServerRendering', function() {\n it('should only execute certain lifecycle methods', function() {\n function runTest() {\n var lifecycle = [];\n- var TestComponent = React.createClass({\n- componentWillMount: function() {\n+\n+ class TestComponent extends React.Component {\n+ constructor(props) {\n+ super(props);\n+ lifecycle.push('getInitialState');\n+ this.state = {name: 'TestComponent'};\n+ }\n+\n+ componentWillMount() {\n lifecycle.push('componentWillMount');\n- },\n- componentDidMount: function() {\n+ }\n+\n+ componentDidMount() {\n lifecycle.push('componentDidMount');\n- },\n- getInitialState: function() {\n- lifecycle.push('getInitialState');\n- return {name: 'TestComponent'};\n- },\n- render: function() {\n+ }\n+\n+ render() {\n lifecycle.push('render');\n return Component name: {this.state.name}<\/span>;\n- },\n- componentWillUpdate: function() {\n+ }\n+\n+ componentWillUpdate() {\n lifecycle.push('componentWillUpdate');\n- },\n- componentDidUpdate: function() {\n+ }\n+\n+ componentDidUpdate() {\n lifecycle.push('componentDidUpdate');\n- },\n- shouldComponentUpdate: function() {\n+ }\n+\n+ shouldComponentUpdate() {\n lifecycle.push('shouldComponentUpdate');\n- },\n- componentWillReceiveProps: function() {\n+ }\n+\n+ componentWillReceiveProps() {\n lifecycle.push('componentWillReceiveProps');\n- },\n- componentWillUnmount: function() {\n+ }\n+\n+ componentWillUnmount() {\n lifecycle.push('componentWillUnmount');\n- },\n- });\n+ }\n+ }\n \n var response = ReactServerRendering.renderToStaticMarkup(\n \n@@ -381,14 +406,15 @@ describe('ReactServerRendering', function() {\n });\n \n it('allows setState in componentWillMount without using DOM', function() {\n- var Component = React.createClass({\n- componentWillMount: function() {\n+ class Component extends React.Component {\n+ componentWillMount() {\n this.setState({text: 'hello, world'});\n- },\n- render: function() {\n+ }\n+\n+ render() {\n return

{this.state.text}<\/div>;\n- },\n- });\n+ }\n+ }\n \n ReactReconcileTransaction.prototype.perform = function() {\n \/\/ We shouldn't ever be calling this on the server\n@@ -401,25 +427,27 @@ describe('ReactServerRendering', function() {\n });\n \n it('renders components with different batching strategies', function() {\n- var StaticComponent = React.createClass({\n- render: function() {\n+ class StaticComponent extends React.Component {\n+ render() {\n const staticContent = ReactServerRendering.renderToStaticMarkup(\n

\n <\/div>\n );\n return

;\n- },\n- });\n+ }\n+ }\n \n- var Component = React.createClass({\n- componentWillMount: function() {\n+ class Component extends React.Component {\n+ componentWillMount() {\n this.setState({text: 'hello, world'});\n- },\n- render: function() {\n+ }\n+\n+ render() {\n return

{this.state.text}<\/div>;\n- },\n- });\n+ }\n+ }\n+\n expect(\n ReactServerRendering.renderToString.bind(\n ReactServerRendering,\n@@ -485,17 +513,18 @@ describe('ReactServerRendering', function() {\n });\n \n it('warns with a no-op when an async forceUpdate is triggered', function() {\n- var Baz = React.createClass({\n- componentWillMount: function() {\n+ class Baz extends React.Component {\n+ componentWillMount() {\n this.forceUpdate();\n setTimeout(() => {\n this.forceUpdate();\n });\n- },\n- render: function() {\n+ }\n+\n+ render() {\n return

{}}><\/div>;\n- },\n- });\n+ }\n+ }\n \n spyOn(console, 'error');\n ReactServerRendering.renderToString();\ndiff --git a\/src\/renderers\/dom\/shared\/__tests__\/CSSPropertyOperations-test.js b\/src\/renderers\/dom\/shared\/__tests__\/CSSPropertyOperations-test.js\nindex d87508deec..b30d50d973 100644\n--- a\/src\/renderers\/dom\/shared\/__tests__\/CSSPropertyOperations-test.js\n+++ b\/src\/renderers\/dom\/shared\/__tests__\/CSSPropertyOperations-test.js\n@@ -108,12 +108,14 @@ describe('CSSPropertyOperations', function() {\n });\n \n it('should warn when using hyphenated style names', function() {\n- var Comp = React.createClass({\n- displayName: 'Comp',\n- render: function() {\n+ class Comp extends React.Component {\n+ static displayName = 'Comp';\n+\n+ render() {\n return

;\n- },\n- });\n+ }\n+ }\n+\n spyOn(console, 'error');\n var root = document.createElement('div');\n ReactDOM.render(, root);\n@@ -125,12 +127,14 @@ describe('CSSPropertyOperations', function() {\n });\n \n it('should warn when updating hyphenated style names', function() {\n- var Comp = React.createClass({\n- displayName: 'Comp',\n- render: function() {\n+ class Comp extends React.Component {\n+ static displayName = 'Comp';\n+\n+ render() {\n return

;\n- },\n- });\n+ }\n+ }\n+\n spyOn(console, 'error');\n var styles = {\n '-ms-transform': 'translate3d(0, 0, 0)',\n@@ -152,16 +156,18 @@ describe('CSSPropertyOperations', function() {\n });\n \n it('warns when miscapitalizing vendored style names', function() {\n- var Comp = React.createClass({\n- displayName: 'Comp',\n- render: function() {\n+ class Comp extends React.Component {\n+ static displayName = 'Comp';\n+\n+ render() {\n return (

);\n- },\n- });\n+ }\n+ }\n+\n spyOn(console, 'error');\n var root = document.createElement('div');\n ReactDOM.render(, root);\n@@ -178,17 +184,19 @@ describe('CSSPropertyOperations', function() {\n });\n \n it('should warn about style having a trailing semicolon', function() {\n- var Comp = React.createClass({\n- displayName: 'Comp',\n- render: function() {\n+ class Comp extends React.Component {\n+ static displayName = 'Comp';\n+\n+ render() {\n return (

);\n- },\n- });\n+ }\n+ }\n+\n spyOn(console, 'error');\n var root = document.createElement('div');\n ReactDOM.render(, root);\n@@ -204,12 +212,14 @@ describe('CSSPropertyOperations', function() {\n });\n \n it('should warn about style containing a NaN value', function() {\n- var Comp = React.createClass({\n- displayName: 'Comp',\n- render: function() {\n+ class Comp extends React.Component {\n+ static displayName = 'Comp';\n+\n+ render() {\n return

;\n- },\n- });\n+ }\n+ }\n+\n spyOn(console, 'error');\n var root = document.createElement('div');\n ReactDOM.render(, root);\ndiff --git a\/src\/renderers\/dom\/shared\/__tests__\/ReactDOMComponent-test.js b\/src\/renderers\/dom\/shared\/__tests__\/ReactDOMComponent-test.js\nindex bcc843c1b7..be0b0269ab 100644\n--- a\/src\/renderers\/dom\/shared\/__tests__\/ReactDOMComponent-test.js\n+++ b\/src\/renderers\/dom\/shared\/__tests__\/ReactDOMComponent-test.js\n@@ -116,14 +116,14 @@ describe('ReactDOMComponent', function() {\n spyOn(console, 'error');\n \n var style = {border: '1px solid black'};\n- var App = React.createClass({\n- getInitialState: function() {\n- return {style: style};\n- },\n- render: function() {\n+\n+ class App extends React.Component {\n+ state = {style: style};\n+\n+ render() {\n return

asd<\/div>;\n- },\n- });\n+ }\n+ }\n \n var stub = ReactTestUtils.renderIntoDocument();\n style.position = 'absolute';\n@@ -186,11 +186,12 @@ describe('ReactDOMComponent', function() {\n \n it('should not warn for \"0\" as a unitless style value', function() {\n spyOn(console, 'error');\n- var Component = React.createClass({\n- render: function() {\n+\n+ class Component extends React.Component {\n+ render() {\n return

;\n- },\n- });\n+ }\n+ }\n \n ReactTestUtils.renderIntoDocument();\n expect(console.error.calls.count()).toBe(0);\n@@ -755,11 +756,12 @@ describe('ReactDOMComponent', function() {\n });\n \n it('should not duplicate uppercased selfclosing tags', function() {\n- var Container = React.createClass({\n- render: function() {\n+ class Container extends React.Component {\n+ render() {\n return React.createElement('BR', null);\n- },\n- });\n+ }\n+ }\n+\n var returnedValue = ReactDOMServer.renderToString();\n expect(returnedValue).not.toContain('<\/BR>');\n });\n@@ -944,11 +946,11 @@ describe('ReactDOMComponent', function() {\n });\n \n it('should warn for children on void elements', function() {\n- var X = React.createClass({\n- render: function() {\n+ class X extends React.Component {\n+ render() {\n return moo<\/input>;\n- },\n- });\n+ }\n+ }\n \n var container = document.createElement('div');\n expect(function() {\n@@ -1039,11 +1041,11 @@ describe('ReactDOMComponent', function() {\n });\n \n it('should report component containing invalid styles', function() {\n- var Animal = React.createClass({\n- render: function() {\n+ class Animal extends React.Component {\n+ render() {\n return

<\/div>;\n- },\n- });\n+ }\n+ }\n \n expect(function() {\n ReactDOM.render(, container);\n@@ -1123,15 +1125,16 @@ describe('ReactDOMComponent', function() {\n });\n \n it('unmounts children before unsetting DOM node info', function() {\n- var Inner = React.createClass({\n- render: function() {\n+ class Inner extends React.Component {\n+ render() {\n return ;\n- },\n- componentWillUnmount: function() {\n+ }\n+\n+ componentWillUnmount() {\n \/\/ Should not throw\n expect(ReactDOM.findDOMNode(this).nodeName).toBe('SPAN');\n- },\n- });\n+ }\n+ }\n \n var container = document.createElement('div');\n ReactDOM.render(

<\/div>, container);\n@@ -1219,16 +1222,19 @@ describe('ReactDOMComponent', function() {\n \n it('warns nicely for table rows', () => {\n spyOn(console, 'error');\n- var Row = React.createClass({\n- render: function() {\n+\n+ class Row extends React.Component {\n+ render() {\n return ;\n- },\n- });\n- var Foo = React.createClass({\n- render: function() {\n+ }\n+ }\n+\n+ class Foo extends React.Component {\n+ render() {\n return <\/table>;\n- },\n- });\n+ }\n+ }\n+\n ReactTestUtils.renderIntoDocument();\n \n expect(console.error.calls.count()).toBe(2);\n@@ -1251,16 +1257,18 @@ describe('ReactDOMComponent', function() {\n var FancyRow = React.createClass({\n render: () => ,\n });\n- var Table = React.createClass({\n- render: function() {\n+\n+ class Table extends React.Component {\n+ render() {\n return

{this.props.children}<\/table>;\n- },\n- });\n- var FancyTable = React.createClass({\n- render: function() {\n+ }\n+ }\n+\n+ class FancyTable extends React.Component {\n+ render() {\n return

{this.props.children}<\/Table>;\n- },\n- });\n+ }\n+ }\n \n var Viz1 = React.createClass({\n render: () =>

<\/table>,\n@@ -1304,11 +1312,12 @@ describe('ReactDOMComponent', function() {\n 'See FancyTable > Table > table > tr.'\n );\n \n- var Link = React.createClass({\n- render: function() {\n+ class Link extends React.Component {\n+ render() {\n return {this.props.children}<\/a>;\n- },\n- });\n+ }\n+ }\n+\n ReactTestUtils.renderIntoDocument(

dillon1000/react

Files changed