Update test components to use ComponentDidMount due to React 16.9 deprecations

Author: BookOfGreg

test/dummy_sprockets/app/assets/javascripts/components/TodoList.js.jsx

@@ -2,7 +2,7 @@ TodoList = createReactClass({
   getInitialState: function() {
     return({mounted: "nope"});
   },
-  componentWillMount: function() {
+  componentDidMount: function() {
     this.setState({mounted: 'yep'});
   },
   render: function() {

test/dummy_sprockets/app/assets/javascripts/components/TodoListWithConsoleLog.js.jsx

@@ -3,7 +3,7 @@ TodoListWithConsoleLog = createReactClass({
     console.log('got initial state');
     return({mounted: "nope"});
   },
-  componentWillMount: function() {
+  componentDidMount: function() {
     console.warn('mounted component');
     this.setState({mounted: 'yep'});
   },

test/dummy_sprockets/app/assets/javascripts/components/WithSetTimeout.js.jsx

@@ -1,5 +1,5 @@
 WithSetTimeout = createReactClass({
-  componentWillMount: function () {
+  componentDidMount: function () {
     setTimeout(function () {}, 1000)
     clearTimeout(0)
   },

test/dummy_webpacker1/app/javascript/components/TodoList.js

@@ -5,7 +5,7 @@ module.exports = createReactClass({
   getInitialState: function() {
     return({mounted: "nope"});
   },
-  componentWillMount: function() {
+  componentDidMount: function() {
     this.setState({mounted: 'yep'});
   },
   render: function() {

test/dummy_webpacker1/app/javascript/components/TodoListWithConsoleLog.js

@@ -6,7 +6,7 @@ module.exports = createReactClass({
     console.log('got initial state');
     return({mounted: "nope"});
   },
-  componentWillMount: function() {
+  componentDidMount: function() {
     console.warn('mounted component');
     this.setState({mounted: 'yep'});
   },

test/dummy_webpacker1/app/javascript/components/WithSetTimeout.js

@@ -2,7 +2,7 @@ var React = require("react")
 var createReactClass = require("create-react-class")
 
 module.exports = createReactClass({
-  componentWillMount: function () {
+  componentDidMount: function () {
     setTimeout(function () {}, 1000)
     clearTimeout(0)
   },

test/dummy_webpacker2/app/javascript/components/TodoList.js

@@ -5,7 +5,7 @@ module.exports = createReactClass({
   getInitialState: function() {
     return({mounted: "nope"});
   },
-  componentWillMount: function() {
+  componentDidMount: function() {
     this.setState({mounted: 'yep'});
   },
   render: function() {

test/dummy_webpacker2/app/javascript/components/TodoListWithConsoleLog.js

@@ -6,7 +6,7 @@ module.exports = createReactClass({
     console.log('got initial state');
     return({mounted: "nope"});
   },
-  componentWillMount: function() {
+  componentDidMount: function() {
     console.warn('mounted component');
     this.setState({mounted: 'yep'});
   },

test/dummy_webpacker2/app/javascript/components/WithSetTimeout.js

@@ -2,7 +2,7 @@ var React = require("react")
 var createReactClass = require("create-react-class")
 
 module.exports = createReactClass({
-  componentWillMount: function () {
+  componentDidMount: function () {
     setTimeout(function () {}, 1000)
     clearTimeout(0)
   },

test/dummy_webpacker3/app/javascript/components/TodoList.js

@@ -5,7 +5,7 @@ module.exports = createReactClass({
   getInitialState: function() {
     return({mounted: "nope"});
   },
-  componentWillMount: function() {
+  componentDidMount: function() {
     this.setState({mounted: 'yep'});
   },
   render: function() {

test/dummy_webpacker3/app/javascript/components/TodoListWithConsoleLog.js

@@ -6,7 +6,7 @@ module.exports = createReactClass({
     console.log('got initial state');
     return({mounted: "nope"});
   },
-  componentWillMount: function() {
+  componentDidMount: function() {
     console.warn('mounted component');
     this.setState({mounted: 'yep'});
   },

test/dummy_webpacker3/app/javascript/components/WithSetTimeout.js

@@ -2,7 +2,7 @@ var React = require("react")
 var createReactClass = require("create-react-class")
 
 module.exports = createReactClass({
-  componentWillMount: function () {
+  componentDidMount: function () {
     setTimeout(function () {}, 1000)
     clearTimeout(0)
   },

test/dummy_webpacker3/package.json

@@ -6,7 +6,8 @@
     "prop-types": "^15.6.0",
     "react": "^16.0.0",
     "react-dom": "^16.0.0",
-    "react_ujs": "^2.2.1"
+    "react_ujs": "^2.2.1",
+    "webpack-cli": "^3.3.6"
   },
   "devDependencies": {
     "webpack-dev-server": "^3.1.11"