Update test fixtures to use createReactClass

BookOfGreg · BookOfGreg · commit 3cf34fb1ca48 · 2017-09-29T13:56:10.000+01:00
diff --git a/test/dummy_sprockets/app/assets/javascripts/components/PlainJSTodo.js b/test/dummy_sprockets/app/assets/javascripts/components/PlainJSTodo.js
@@ -1,4 +1,4 @@
-var Todo = React.createClass({
+var Todo = createReactClass({
   render: function() {
     return React.createElement("li", null, this.props.todo)
   }
diff --git a/test/dummy_sprockets/app/assets/javascripts/components/Todo.js.jsx.coffee b/test/dummy_sprockets/app/assets/javascripts/components/Todo.js.jsx.coffee
@@ -1,4 +1,4 @@
-Todo = React.createClass
+Todo = createReactClass
   render: ->
     `<li>{this.props.todo}</li>`
 
diff --git a/test/dummy_sprockets/app/assets/javascripts/components/TodoList.js.jsx b/test/dummy_sprockets/app/assets/javascripts/components/TodoList.js.jsx
@@ -1,4 +1,4 @@
-TodoList = React.createClass({
+TodoList = createReactClass({
   getInitialState: function() {
     return({mounted: "nope"});
   },
diff --git a/test/dummy_sprockets/app/assets/javascripts/components/TodoListWithConsoleLog.js.jsx b/test/dummy_sprockets/app/assets/javascripts/components/TodoListWithConsoleLog.js.jsx
@@ -1,4 +1,4 @@
-TodoListWithConsoleLog = React.createClass({
+TodoListWithConsoleLog = createReactClass({
   getInitialState: function() {
     console.log('got initial state');
     return({mounted: "nope"});
diff --git a/test/dummy_sprockets/app/assets/javascripts/components/WithSetTimeout.js.jsx b/test/dummy_sprockets/app/assets/javascripts/components/WithSetTimeout.js.jsx
@@ -1,4 +1,4 @@
-WithSetTimeout = React.createClass({
+WithSetTimeout = createReactClass({
   componentWillMount: function () {
     setTimeout(function () {}, 1000)
     clearTimeout(0)
diff --git a/test/dummy_sprockets/app/assets/javascripts/example2.js.jsx.coffee b/test/dummy_sprockets/app/assets/javascripts/example2.js.jsx.coffee
@@ -1,4 +1,4 @@
-Component = React.createClass
+Component = createReactClass
   render: ->
     `<ExampleComponent videos={this.props.videos} />`
 
diff --git a/test/dummy_sprockets/app/assets/javascripts/harmony_example.js.jsx b/test/dummy_sprockets/app/assets/javascripts/harmony_example.js.jsx
@@ -1,4 +1,4 @@
-var HarmonyComponent = React.createClass({
+var HarmonyComponent = createReactClass({
   statics: {
     generateGreeting() {
       return "Hello Harmony!"
diff --git a/test/dummy_sprockets/app/assets/javascripts/pages.js b/test/dummy_sprockets/app/assets/javascripts/pages.js
@@ -1,4 +1,4 @@
-var GreetingMessage = React.createClass({
+var GreetingMessage = createReactClass({
   getInitialState: function() {
     var initialGreeting = 'Hello';
     if (typeof global !== "undefined" && global.ctx && global.ctx.greeting) {
diff --git a/test/dummy_webpacker1/app/assets/javascripts/components/PlainJSTodo.js b/test/dummy_webpacker1/app/assets/javascripts/components/PlainJSTodo.js
@@ -1,4 +1,4 @@
-var Todo = React.createClass({
+var Todo = createReactClass({
   render: function() {
     return React.createElement("li", null, this.props.todo)
   }
diff --git a/test/dummy_webpacker1/app/assets/javascripts/components/Todo.js.jsx.coffee b/test/dummy_webpacker1/app/assets/javascripts/components/Todo.js.jsx.coffee
@@ -1,4 +1,4 @@
-Todo = React.createClass
+Todo = createReactClass
   render: ->
     `<li>{this.props.todo}</li>`
 
diff --git a/test/dummy_webpacker1/app/assets/javascripts/components/TodoList.js.jsx b/test/dummy_webpacker1/app/assets/javascripts/components/TodoList.js.jsx
@@ -1,4 +1,4 @@
-TodoList = React.createClass({
+TodoList = createReactClass({
   getInitialState: function() {
     return({mounted: "nope"});
   },
diff --git a/test/dummy_webpacker1/app/assets/javascripts/components/TodoListWithConsoleLog.js.jsx b/test/dummy_webpacker1/app/assets/javascripts/components/TodoListWithConsoleLog.js.jsx
@@ -1,4 +1,4 @@
-TodoListWithConsoleLog = React.createClass({
+TodoListWithConsoleLog = createReactClass({
   getInitialState: function() {
     console.log('got initial state');
     return({mounted: "nope"});
diff --git a/test/dummy_webpacker1/app/assets/javascripts/components/WithSetTimeout.js.jsx b/test/dummy_webpacker1/app/assets/javascripts/components/WithSetTimeout.js.jsx
@@ -1,4 +1,4 @@
-WithSetTimeout = React.createClass({
+WithSetTimeout = createReactClass({
   componentWillMount: function () {
     setTimeout(function () {}, 1000)
     clearTimeout(0)
diff --git a/test/dummy_webpacker1/app/assets/javascripts/example2.js.jsx.coffee b/test/dummy_webpacker1/app/assets/javascripts/example2.js.jsx.coffee
@@ -1,4 +1,4 @@
-Component = React.createClass
+Component = createReactClass
   render: ->
     `<ExampleComponent videos={this.props.videos} />`
 
diff --git a/test/dummy_webpacker1/app/assets/javascripts/harmony_example.js.jsx b/test/dummy_webpacker1/app/assets/javascripts/harmony_example.js.jsx
@@ -1,4 +1,4 @@
-var HarmonyComponent = React.createClass({
+var HarmonyComponent = createReactClass({
   statics: {
     generateGreeting() {
       return "Hello Harmony!"
diff --git a/test/dummy_webpacker1/app/assets/javascripts/pages.js b/test/dummy_webpacker1/app/assets/javascripts/pages.js
@@ -1,4 +1,4 @@
-var GreetingMessage = React.createClass({
+var GreetingMessage = createReactClass({
   getInitialState: function() {
     var initialGreeting = 'Hello';
     if (typeof global !== "undefined" && global.ctx && global.ctx.greeting) {
diff --git a/test/dummy_webpacker1/app/javascript/components/GreetingMessage.js b/test/dummy_webpacker1/app/javascript/components/GreetingMessage.js
@@ -1,6 +1,7 @@
 var React = require("react")
+var createReactClass = require("create-react-class")
 
-module.exports = React.createClass({
+module.exports = createReactClass({
   getInitialState: function() {
     var initialGreeting = 'Hello';
     if (typeof global !== "undefined" && global.ctx && global.ctx.greeting) {
diff --git a/test/dummy_webpacker1/app/javascript/components/Todo.js b/test/dummy_webpacker1/app/javascript/components/Todo.js
@@ -1,5 +1,7 @@
 var React = require("react")
-module.exports = React.createClass({
+var createReactClass = require("create-react-class")
+
+module.exports = createReactClass({
   render: function() {
     return React.createElement("li", null, this.props.todo)
   }
diff --git a/test/dummy_webpacker1/app/javascript/components/TodoList.js b/test/dummy_webpacker1/app/javascript/components/TodoList.js
@@ -1,6 +1,7 @@
 var React = require("react")
+var createReactClass = require("create-react-class")
 
-module.exports = React.createClass({
+module.exports = createReactClass({
   getInitialState: function() {
     return({mounted: "nope"});
   },
diff --git a/test/dummy_webpacker1/app/javascript/components/TodoListWithConsoleLog.js b/test/dummy_webpacker1/app/javascript/components/TodoListWithConsoleLog.js
@@ -1,6 +1,7 @@
 var React = require("react")
+var createReactClass = require("create-react-class")
 
-module.exports = React.createClass({
+module.exports = createReactClass({
   getInitialState: function() {
     console.log('got initial state');
     return({mounted: "nope"});
diff --git a/test/dummy_webpacker1/app/javascript/components/WithSetTimeout.js b/test/dummy_webpacker1/app/javascript/components/WithSetTimeout.js
@@ -1,4 +1,6 @@
 var React = require("react")
+var createReactClass = require("create-react-class")
+
 module.exports = React.createClass({
   componentWillMount: function () {
     setTimeout(function () {}, 1000)
diff --git a/test/dummy_webpacker2/app/assets/javascripts/components/PlainJSTodo.js b/test/dummy_webpacker2/app/assets/javascripts/components/PlainJSTodo.js
@@ -1,4 +1,4 @@
-var Todo = React.createClass({
+var Todo = createReactClass({
   render: function() {
     return React.createElement("li", null, this.props.todo)
   }
diff --git a/test/dummy_webpacker2/app/assets/javascripts/components/Todo.js.jsx.coffee b/test/dummy_webpacker2/app/assets/javascripts/components/Todo.js.jsx.coffee
@@ -1,4 +1,4 @@
-Todo = React.createClass
+Todo = createReactClass
   render: ->
     `<li>{this.props.todo}</li>`
 
diff --git a/test/dummy_webpacker2/app/assets/javascripts/components/TodoList.js.jsx b/test/dummy_webpacker2/app/assets/javascripts/components/TodoList.js.jsx
@@ -1,4 +1,4 @@
-TodoList = React.createClass({
+TodoList = createReactClass({
   getInitialState: function() {
     return({mounted: "nope"});
   },
diff --git a/test/dummy_webpacker2/app/assets/javascripts/components/TodoListWithConsoleLog.js.jsx b/test/dummy_webpacker2/app/assets/javascripts/components/TodoListWithConsoleLog.js.jsx
@@ -1,4 +1,4 @@
-TodoListWithConsoleLog = React.createClass({
+TodoListWithConsoleLog = createReactClass({
   getInitialState: function() {
     console.log('got initial state');
     return({mounted: "nope"});
diff --git a/test/dummy_webpacker2/app/assets/javascripts/components/WithSetTimeout.js.jsx b/test/dummy_webpacker2/app/assets/javascripts/components/WithSetTimeout.js.jsx
@@ -1,4 +1,4 @@
-WithSetTimeout = React.createClass({
+WithSetTimeout = createReactClass({
   componentWillMount: function () {
     setTimeout(function () {}, 1000)
     clearTimeout(0)
diff --git a/test/dummy_webpacker2/app/assets/javascripts/example2.js.jsx.coffee b/test/dummy_webpacker2/app/assets/javascripts/example2.js.jsx.coffee
@@ -1,4 +1,4 @@
-Component = React.createClass
+Component = createReactClass
   render: ->
     `<ExampleComponent videos={this.props.videos} />`
 
diff --git a/test/dummy_webpacker2/app/assets/javascripts/harmony_example.js.jsx b/test/dummy_webpacker2/app/assets/javascripts/harmony_example.js.jsx
@@ -1,4 +1,4 @@
-var HarmonyComponent = React.createClass({
+var HarmonyComponent = createReactClass({
   statics: {
     generateGreeting() {
       return "Hello Harmony!"
diff --git a/test/dummy_webpacker2/app/assets/javascripts/pages.js b/test/dummy_webpacker2/app/assets/javascripts/pages.js
@@ -1,4 +1,4 @@
-var GreetingMessage = React.createClass({
+var GreetingMessage = createReactClass({
   getInitialState: function() {
     var initialGreeting = 'Hello';
     if (typeof global !== "undefined" && global.ctx && global.ctx.greeting) {
diff --git a/test/dummy_webpacker2/app/javascript/components/GreetingMessage.js b/test/dummy_webpacker2/app/javascript/components/GreetingMessage.js
@@ -1,6 +1,7 @@
 var React = require("react")
+var createReactClass = require("create-react-class")
 
-module.exports = React.createClass({
+module.exports = createReactClass({
   getInitialState: function() {
     var initialGreeting = 'Hello';
     if (typeof global !== "undefined" && global.ctx && global.ctx.greeting) {
diff --git a/test/dummy_webpacker2/app/javascript/components/Todo.js b/test/dummy_webpacker2/app/javascript/components/Todo.js
@@ -1,5 +1,7 @@
 var React = require("react")
-module.exports = React.createClass({
+var createReactClass = require("create-react-class")
+
+module.exports = createReactClass({
   render: function() {
     return React.createElement("li", null, this.props.todo)
   }
diff --git a/test/dummy_webpacker2/app/javascript/components/TodoList.js b/test/dummy_webpacker2/app/javascript/components/TodoList.js
@@ -1,6 +1,7 @@
 var React = require("react")
+var createReactClass = require("create-react-class")
 
-module.exports = React.createClass({
+module.exports = createReactClass({
   getInitialState: function() {
     return({mounted: "nope"});
   },
diff --git a/test/dummy_webpacker2/app/javascript/components/TodoListWithConsoleLog.js b/test/dummy_webpacker2/app/javascript/components/TodoListWithConsoleLog.js
@@ -1,6 +1,7 @@
 var React = require("react")
+var createReactClass = require("create-react-class")
 
-module.exports = React.createClass({
+module.exports = createReactClass({
   getInitialState: function() {
     console.log('got initial state');
     return({mounted: "nope"});
diff --git a/test/dummy_webpacker2/app/javascript/components/WithSetTimeout.js b/test/dummy_webpacker2/app/javascript/components/WithSetTimeout.js
@@ -1,5 +1,7 @@
 var React = require("react")
-module.exports = React.createClass({
+var createReactClass = require("create-react-class")
+
+module.exports = createReactClass({
   componentWillMount: function () {
     setTimeout(function () {}, 1000)
     clearTimeout(0)
diff --git a/test/dummy_webpacker3/app/assets/javascripts/components/PlainJSTodo.js b/test/dummy_webpacker3/app/assets/javascripts/components/PlainJSTodo.js
@@ -1,4 +1,4 @@
-var Todo = React.createClass({
+var Todo = createReactClass({
   render: function() {
     return React.createElement("li", null, this.props.todo)
   }
diff --git a/test/dummy_webpacker3/app/assets/javascripts/components/Todo.js.jsx.coffee b/test/dummy_webpacker3/app/assets/javascripts/components/Todo.js.jsx.coffee
@@ -1,4 +1,4 @@
-Todo = React.createClass
+Todo = createReactClass
   render: ->
     `<li>{this.props.todo}</li>`
 
diff --git a/test/dummy_webpacker3/app/assets/javascripts/components/TodoList.js.jsx b/test/dummy_webpacker3/app/assets/javascripts/components/TodoList.js.jsx
@@ -1,4 +1,4 @@
-TodoList = React.createClass({
+TodoList = createReactClass({
   getInitialState: function() {
     return({mounted: "nope"});
   },
diff --git a/test/dummy_webpacker3/app/assets/javascripts/components/TodoListWithConsoleLog.js.jsx b/test/dummy_webpacker3/app/assets/javascripts/components/TodoListWithConsoleLog.js.jsx
@@ -1,4 +1,4 @@
-TodoListWithConsoleLog = React.createClass({
+TodoListWithConsoleLog = createReactClass({
   getInitialState: function() {
     console.log('got initial state');
     return({mounted: "nope"});
diff --git a/test/dummy_webpacker3/app/assets/javascripts/components/WithSetTimeout.js.jsx b/test/dummy_webpacker3/app/assets/javascripts/components/WithSetTimeout.js.jsx
@@ -1,4 +1,4 @@
-WithSetTimeout = React.createClass({
+WithSetTimeout = createReactClass({
   componentWillMount: function () {
     setTimeout(function () {}, 1000)
     clearTimeout(0)
diff --git a/test/dummy_webpacker3/app/assets/javascripts/example2.js.jsx.coffee b/test/dummy_webpacker3/app/assets/javascripts/example2.js.jsx.coffee
@@ -1,4 +1,4 @@
-Component = React.createClass
+Component = createReactClass
   render: ->
     `<ExampleComponent videos={this.props.videos} />`
 
diff --git a/test/dummy_webpacker3/app/assets/javascripts/harmony_example.js.jsx b/test/dummy_webpacker3/app/assets/javascripts/harmony_example.js.jsx
@@ -1,4 +1,4 @@
-var HarmonyComponent = React.createClass({
+var HarmonyComponent = createReactClass({
   statics: {
     generateGreeting() {
       return "Hello Harmony!"
diff --git a/test/dummy_webpacker3/app/assets/javascripts/pages.js b/test/dummy_webpacker3/app/assets/javascripts/pages.js
@@ -1,4 +1,4 @@
-var GreetingMessage = React.createClass({
+var GreetingMessage = createReactClass({
   getInitialState: function() {
     var initialGreeting = 'Hello';
     if (typeof global !== "undefined" && global.ctx && global.ctx.greeting) {
diff --git a/test/dummy_webpacker3/app/javascript/components/GreetingMessage.js b/test/dummy_webpacker3/app/javascript/components/GreetingMessage.js
@@ -1,6 +1,7 @@
 var React = require("react")
+var createReactClass = require("create-react-class")
 
-module.exports = React.createClass({
+module.exports = createReactClass({
   getInitialState: function() {
     var initialGreeting = 'Hello';
     if (typeof global !== "undefined" && global.ctx && global.ctx.greeting) {
diff --git a/test/dummy_webpacker3/app/javascript/components/Todo.js b/test/dummy_webpacker3/app/javascript/components/Todo.js
@@ -1,5 +1,7 @@
 var React = require("react")
-module.exports = React.createClass({
+var createReactClass = require("create-react-class")
+
+module.exports = createReactClass({
   render: function() {
     return React.createElement("li", null, this.props.todo)
   }
diff --git a/test/dummy_webpacker3/app/javascript/components/TodoList.js b/test/dummy_webpacker3/app/javascript/components/TodoList.js
@@ -1,6 +1,7 @@
 var React = require("react")
+var createReactClass = require("create-react-class")
 
-module.exports = React.createClass({
+module.exports = createReactClass({
   getInitialState: function() {
     return({mounted: "nope"});
   },
diff --git a/test/dummy_webpacker3/app/javascript/components/TodoListWithConsoleLog.js b/test/dummy_webpacker3/app/javascript/components/TodoListWithConsoleLog.js
@@ -1,6 +1,7 @@
 var React = require("react")
+var createReactClass = require("create-react-class")
 
-module.exports = React.createClass({
+module.exports = createReactClass({
   getInitialState: function() {
     console.log('got initial state');
     return({mounted: "nope"});
diff --git a/test/dummy_webpacker3/app/javascript/components/WithSetTimeout.js b/test/dummy_webpacker3/app/javascript/components/WithSetTimeout.js
@@ -1,5 +1,7 @@
 var React = require("react")
-module.exports = React.createClass({
+var createReactClass = require("create-react-class")
+
+module.exports = createReactClass({
   componentWillMount: function () {
     setTimeout(function () {}, 1000)
     clearTimeout(0)
diff --git a/test/helper_files/TodoListWithUpdates.js b/test/helper_files/TodoListWithUpdates.js
@@ -1,5 +1,7 @@
 var React = require("react")
-module.exports = React.createClass({
+var createReactClass = require("create-react-class")
+
+module.exports = createReactClass({
   render: function() {
     return (
       <ul>
diff --git a/test/helper_files/TodoListWithUpdates.js.jsx b/test/helper_files/TodoListWithUpdates.js.jsx
@@ -1,4 +1,4 @@
-TodoList = React.createClass({
+TodoList = createReactClass({
   getInitialState: function() {
     return({mounted: "nope"});
   },
diff --git a/test/react/jsx_test.rb b/test/react/jsx_test.rb
@@ -9,7 +9,7 @@
 (function() {
   var Component;
 
-  Component = React.createClass({displayName: "Component",
+  Component = createReactClass({displayName: "Component",
     render: function() {
       return React.createElement(ExampleComponent, {videos:this.props.videos} );
     }
diff --git a/test/test_helper.rb b/test/test_helper.rb
@@ -41,8 +41,7 @@
     # `page.driver.debug` will cause Poltergeist to open a browser window
     inspector: true,
     # hide warnings from React.js whitespace changes:
-    # and from React.createClass deprecation
-    js_errors: false
+    js_errors: true
   }
   Capybara::Poltergeist::Driver.new(app, poltergeist_options)
 end

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-var Todo = React.createClass({`
	`1`	`+var Todo = createReactClass({`
`2`	`2`	`render: function() {`
`3`	`3`	`return React.createElement("li", null, this.props.todo)`
`4`	`4`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-Todo = React.createClass`
	`1`	`+Todo = createReactClass`
`2`	`2`	`render: ->`
`3`	`3`	`<li>{this.props.todo}</li>`
`4`	`4`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-TodoList = React.createClass({`
	`1`	`+TodoList = createReactClass({`
`2`	`2`	`getInitialState: function() {`
`3`	`3`	`return({mounted: "nope"});`
`4`	`4`	`},`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-TodoListWithConsoleLog = React.createClass({`
	`1`	`+TodoListWithConsoleLog = createReactClass({`
`2`	`2`	`getInitialState: function() {`
`3`	`3`	`console.log('got initial state');`
`4`	`4`	`return({mounted: "nope"});`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-WithSetTimeout = React.createClass({`
	`1`	`+WithSetTimeout = createReactClass({`
`2`	`2`	`componentWillMount: function () {`
`3`	`3`	`setTimeout(function () {}, 1000)`
`4`	`4`	`clearTimeout(0)`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-Component = React.createClass`
	`1`	`+Component = createReactClass`
`2`	`2`	`render: ->`
`3`	`3`	`<ExampleComponent videos={this.props.videos} />`
`4`	`4`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-var HarmonyComponent = React.createClass({`
	`1`	`+var HarmonyComponent = createReactClass({`
`2`	`2`	`statics: {`
`3`	`3`	`generateGreeting() {`
`4`	`4`	`return "Hello Harmony!"`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-var GreetingMessage = React.createClass({`
	`1`	`+var GreetingMessage = createReactClass({`
`2`	`2`	`getInitialState: function() {`
`3`	`3`	`var initialGreeting = 'Hello';`
`4`	`4`	`if (typeof global !== "undefined" && global.ctx && global.ctx.greeting) {`