Split out Webpacker dummy and sprockets dummy, then change to that dir to run tests

Author: BookOfGreg

test/dummy_webpacker1/app/assets/javascripts/application.js

@@ -0,0 +1,21 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file.
+//
+// Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+//
+// es5-shim is necessary for PhantomJS to pass tests. See https://github.com/facebook/react/issues/303
+//
+//= require turbolinks
+//= require es5-shim/es5-shim
+//= require react
+//= require react_ujs
+//= require_tree ./components
+//= require ./pages

test/dummy_webpacker1/app/assets/javascripts/components.js

@@ -0,0 +1,3 @@
+//= require_self
+//= require_tree ./components
+//= require ./pages

test/dummy_webpacker1/app/assets/javascripts/components/PlainJSTodo.js

@@ -0,0 +1,5 @@
+var Todo = React.createClass({
+  render: function() {
+    return React.createElement("li", null, this.props.todo)
+  }
+})

test/dummy_webpacker1/app/assets/javascripts/components/Todo.js.jsx.coffee

@@ -0,0 +1,7 @@
+Todo = React.createClass
+  render: ->
+    `<li>{this.props.todo}</li>`
+
+# Because Coffee files are in an anonymous function,
+# expose it for server rendering tests
+this.Todo = Todo

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

@@ -0,0 +1,19 @@
+TodoList = React.createClass({
+  getInitialState: function() {
+    return({mounted: "nope"});
+  },
+  componentWillMount: function() {
+    this.setState({mounted: 'yep'});
+  },
+  render: function() {
+    console.log("Test Console Replay")
+    return (
+      <ul>
+        <li id='status'>{this.state.mounted}</li>
+        {this.props.todos.map(function(todo, i) {
+          return (<Todo key={i} todo={todo} />)
+        })}
+      </ul>
+    )
+  }
+})

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

@@ -0,0 +1,23 @@
+TodoListWithConsoleLog = React.createClass({
+  getInitialState: function() {
+    console.log('got initial state');
+    return({mounted: "nope"});
+  },
+  componentWillMount: function() {
+    console.warn('mounted component');
+    this.setState({mounted: 'yep'});
+  },
+  render: function() {
+    var x = 'foo';
+    console.error('rendered!', x);
+    return (
+      <ul>
+        <li>Console Logged</li>
+        <li id='status'>{this.state.mounted}</li>
+        {this.props.todos.map(function(todo, i) {
+          return (<Todo key={i} todo={todo} />)
+        })}
+      </ul>
+    )
+  }
+})

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

@@ -0,0 +1,9 @@
+WithSetTimeout = React.createClass({
+  componentWillMount: function () {
+    setTimeout(function () {}, 1000)
+    clearTimeout(0)
+  },
+  render: function () {
+    return <span>I am rendered!</span>
+  }
+})

test/dummy_webpacker1/app/assets/javascripts/example.js.jsx

@@ -0,0 +1,2 @@
+[2, ...[1]];
+<div/>;

test/dummy_webpacker1/app/assets/javascripts/example2.js.jsx.coffee

@@ -0,0 +1,5 @@
+Component = React.createClass
+  render: ->
+    `<ExampleComponent videos={this.props.videos} />`
+
+this.Component = Component

test/dummy_webpacker1/app/assets/javascripts/example3.js.jsx

@@ -0,0 +1 @@
+<div/>;