RubyGems - reactrb - Versions diffs - 0.7.42 - Mend

reactrb 0.7.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (173) hide show

checksums.yaml +7 -0
data/.codeclimate.yml +6 -0
data/.gitignore +33 -0
data/.travis.yml +9 -0
data/Gemfile +2 -0
data/LICENSE +19 -0
data/README.md +117 -0
data/Rakefile +28 -0
data/config.ru +16 -0
data/example/examples/Gemfile +7 -0
data/example/examples/app/basics.js.rb +42 -0
data/example/examples/app/items.rb +11 -0
data/example/examples/app/jquery.js +5 -0
data/example/examples/app/nodes.rb +61 -0
data/example/examples/app/react-router.js +6 -0
data/example/examples/app/react_api_demo.rb +29 -0
data/example/examples/app/rerendering.rb +72 -0
data/example/examples/app/reuse.rb +59 -0
data/example/examples/app/show.rb +52 -0
data/example/examples/config.ru +38 -0
data/example/rails-tutorial/.gitignore +17 -0
data/example/rails-tutorial/Gemfile +51 -0
data/example/rails-tutorial/README.rdoc +28 -0
data/example/rails-tutorial/Rakefile +6 -0
data/example/rails-tutorial/app/assets/images/.keep +0 -0
data/example/rails-tutorial/app/assets/javascripts/application.rb +15 -0
data/example/rails-tutorial/app/assets/stylesheets/application.css +15 -0
data/example/rails-tutorial/app/controllers/application_controller.rb +6 -0
data/example/rails-tutorial/app/controllers/concerns/.keep +0 -0
data/example/rails-tutorial/app/controllers/home_controller.rb +6 -0
data/example/rails-tutorial/app/helpers/application_helper.rb +2 -0
data/example/rails-tutorial/app/mailers/.keep +0 -0
data/example/rails-tutorial/app/models/.keep +0 -0
data/example/rails-tutorial/app/models/concerns/.keep +0 -0
data/example/rails-tutorial/app/views/components.rb +3 -0
data/example/rails-tutorial/app/views/components/home/show.rb +47 -0
data/example/rails-tutorial/app/views/layouts/application.html.erb +14 -0
data/example/rails-tutorial/bin/bundle +3 -0
data/example/rails-tutorial/bin/rails +8 -0
data/example/rails-tutorial/bin/rake +8 -0
data/example/rails-tutorial/bin/setup +29 -0
data/example/rails-tutorial/bin/spring +15 -0
data/example/rails-tutorial/config.ru +4 -0
data/example/rails-tutorial/config/application.rb +26 -0
data/example/rails-tutorial/config/boot.rb +3 -0
data/example/rails-tutorial/config/database.yml +25 -0
data/example/rails-tutorial/config/environment.rb +5 -0
data/example/rails-tutorial/config/environments/development.rb +41 -0
data/example/rails-tutorial/config/environments/production.rb +79 -0
data/example/rails-tutorial/config/environments/test.rb +42 -0
data/example/rails-tutorial/config/initializers/assets.rb +11 -0
data/example/rails-tutorial/config/initializers/backtrace_silencers.rb +7 -0
data/example/rails-tutorial/config/initializers/cookies_serializer.rb +3 -0
data/example/rails-tutorial/config/initializers/filter_parameter_logging.rb +4 -0
data/example/rails-tutorial/config/initializers/inflections.rb +16 -0
data/example/rails-tutorial/config/initializers/mime_types.rb +4 -0
data/example/rails-tutorial/config/initializers/session_store.rb +3 -0
data/example/rails-tutorial/config/initializers/wrap_parameters.rb +14 -0
data/example/rails-tutorial/config/locales/en.yml +23 -0
data/example/rails-tutorial/config/routes.rb +59 -0
data/example/rails-tutorial/config/secrets.yml +22 -0
data/example/rails-tutorial/db/seeds.rb +7 -0
data/example/rails-tutorial/lib/assets/.keep +0 -0
data/example/rails-tutorial/lib/tasks/.keep +0 -0
data/example/rails-tutorial/log/.keep +0 -0
data/example/rails-tutorial/public/404.html +67 -0
data/example/rails-tutorial/public/422.html +67 -0
data/example/rails-tutorial/public/500.html +66 -0
data/example/rails-tutorial/public/favicon.ico +0 -0
data/example/rails-tutorial/public/robots.txt +5 -0
data/example/rails-tutorial/test/controllers/.keep +0 -0
data/example/rails-tutorial/test/fixtures/.keep +0 -0
data/example/rails-tutorial/test/helpers/.keep +0 -0
data/example/rails-tutorial/test/integration/.keep +0 -0
data/example/rails-tutorial/test/mailers/.keep +0 -0
data/example/rails-tutorial/test/models/.keep +0 -0
data/example/rails-tutorial/test/test_helper.rb +10 -0
data/example/rails-tutorial/vendor/assets/javascripts/.keep +0 -0
data/example/rails-tutorial/vendor/assets/stylesheets/.keep +0 -0
data/example/sinatra-tutorial/.DS_Store +0 -0
data/example/sinatra-tutorial/Gemfile +5 -0
data/example/sinatra-tutorial/README.md +8 -0
data/example/sinatra-tutorial/_comments.json +42 -0
data/example/sinatra-tutorial/app/example.rb +290 -0
data/example/sinatra-tutorial/app/jquery.js +5 -0
data/example/sinatra-tutorial/config.ru +58 -0
data/example/sinatra-tutorial/public/base.css +62 -0
data/example/todos/Gemfile +11 -0
data/example/todos/README.md +37 -0
data/example/todos/Rakefile +8 -0
data/example/todos/app/application.rb +22 -0
data/example/todos/app/components/app.react.rb +61 -0
data/example/todos/app/components/footer.react.rb +31 -0
data/example/todos/app/components/todo_item.react.rb +46 -0
data/example/todos/app/components/todo_list.react.rb +25 -0
data/example/todos/app/models/todo.rb +19 -0
data/example/todos/config.ru +14 -0
data/example/todos/index.html.haml +16 -0
data/example/todos/spec/todo_spec.rb +28 -0
data/example/todos/vendor/base.css +410 -0
data/example/todos/vendor/bg.png +0 -0
data/example/todos/vendor/jquery.js +4 -0
data/lib/generators/reactive_ruby/test_app/templates/assets/javascripts/components.rb +4 -0
data/lib/generators/reactive_ruby/test_app/templates/assets/javascripts/test_application.rb +2 -0
data/lib/generators/reactive_ruby/test_app/templates/boot.rb.erb +6 -0
data/lib/generators/reactive_ruby/test_app/templates/script/rails +5 -0
data/lib/generators/reactive_ruby/test_app/templates/test_application.rb.erb +13 -0
data/lib/generators/reactive_ruby/test_app/templates/views/components/hello_world.rb +11 -0
data/lib/generators/reactive_ruby/test_app/templates/views/components/todo.rb +14 -0
data/lib/generators/reactive_ruby/test_app/test_app_generator.rb +105 -0
data/lib/rails-helpers/top_level_rails_component.rb +54 -0
data/lib/react/api.rb +127 -0
data/lib/react/callbacks.rb +42 -0
data/lib/react/component.rb +269 -0
data/lib/react/component/api.rb +50 -0
data/lib/react/component/base.rb +9 -0
data/lib/react/component/class_methods.rb +190 -0
data/lib/react/component/props_wrapper.rb +82 -0
data/lib/react/element.rb +77 -0
data/lib/react/event.rb +76 -0
data/lib/react/ext/hash.rb +9 -0
data/lib/react/ext/string.rb +8 -0
data/lib/react/native_library.rb +53 -0
data/lib/react/observable.rb +29 -0
data/lib/react/rendering_context.rb +109 -0
data/lib/react/state.rb +140 -0
data/lib/react/top_level.rb +97 -0
data/lib/react/validator.rb +136 -0
data/lib/reactive-ruby/component_loader.rb +45 -0
data/lib/reactive-ruby/isomorphic_helpers.rb +196 -0
data/lib/reactive-ruby/rails.rb +7 -0
data/lib/reactive-ruby/rails/component_mount.rb +44 -0
data/lib/reactive-ruby/rails/controller_helper.rb +13 -0
data/lib/reactive-ruby/rails/railtie.rb +14 -0
data/lib/reactive-ruby/serializers.rb +15 -0
data/lib/reactive-ruby/server_rendering/contextual_renderer.rb +42 -0
data/lib/reactive-ruby/version.rb +3 -0
data/lib/reactrb.rb +50 -0
data/lib/sources/react-latest.js +21167 -0
data/lib/sources/react-v13.js +21642 -0
data/lib/sources/react-v14.js +20818 -0
data/lib/sources/react-v15.js +21167 -0
data/logo1.png +0 -0
data/logo2.png +0 -0
data/logo3.png +0 -0
data/path_release_steps.md +9 -0
data/reactrb.gemspec +43 -0
data/spec/controller_helper_spec.rb +22 -0
data/spec/index.html.erb +12 -0
data/spec/react/callbacks_spec.rb +106 -0
data/spec/react/component/base_spec.rb +36 -0
data/spec/react/component_spec.rb +721 -0
data/spec/react/dsl_spec.rb +161 -0
data/spec/react/element_spec.rb +47 -0
data/spec/react/event_spec.rb +24 -0
data/spec/react/native_library_spec.rb +10 -0
data/spec/react/observable_spec.rb +7 -0
data/spec/react/param_declaration_spec.rb +286 -0
data/spec/react/react_spec.rb +211 -0
data/spec/react/state_spec.rb +26 -0
data/spec/react/top_level_component_spec.rb +68 -0
data/spec/react/tutorial/tutorial_spec.rb +35 -0
data/spec/react/validator_spec.rb +128 -0
data/spec/reactive-ruby/component_loader_spec.rb +68 -0
data/spec/reactive-ruby/isomorphic_helpers_spec.rb +155 -0
data/spec/reactive-ruby/rails/asset_pipeline_spec.rb +9 -0
data/spec/reactive-ruby/rails/component_mount_spec.rb +66 -0
data/spec/reactive-ruby/server_rendering/contextual_renderer_spec.rb +35 -0
data/spec/spec_helper.rb +109 -0
data/spec/support/react/spec_helpers.rb +57 -0
data/spec/vendor/es5-shim.min.js +6 -0
data/spec/vendor/jquery-2.2.4.min.js +4 -0
metadata +441 -0

data/logo1.png ADDED Viewed

Binary file

data/logo2.png ADDED Viewed

Binary file

data/logo3.png ADDED Viewed

Binary file

data/path_release_steps.md ADDED Viewed

@@ -0,0 +1,9 @@
+For example assuming you are releasing fix to 0.8.18
+1. Checkout 0-8-stable
+2. Update tests, fix the bug and commit the changes.
+3. Build & Release to RubyGems (Remember the version in version.rb should already be 0.8.19)
+4. Create a tag 'v0.8.19' pointing to that commit. (`tag v0.8.19`)
+5. Bump the version in 0-8-stable to 0.8.20 so it will be ready for the next patch level release.
+6. Commit the version bump, and do a `git push --tags` so the new tag goes up

data/reactrb.gemspec ADDED Viewed

@@ -0,0 +1,43 @@
+# -*- encoding: utf-8 -*-
+$:.push File.expand_path('../lib/', __FILE__)
+require 'reactive-ruby/version'
+Gem::Specification.new do |s|
+  s.name         = 'reactrb'
+  s.version      = React::VERSION
+  s.authors       = ['David Chang', 'Adam Jahn', 'Mitch VanDuyn']
+  s.email        = 'reactrb@catprint.com'
+  s.homepage     = 'https://reactrb.org'
+  s.summary      = 'Opal Ruby wrapper of React.js library.'
+  s.license      = 'MIT'
+  s.description  = "Write React UI components in pure Ruby."
+  s.files          = `git ls-files`.split("\n")
+  s.executables    = `git ls-files -- bin/*`.split("\n").map { |f| File.basename(f) }
+  s.test_files     = `git ls-files -- {test,spec,features}/*`.split("\n")
+  s.require_paths  = ['lib']
+  s.add_dependency 'opal', '>= 0.8.0'
+  s.add_dependency 'opal-activesupport', '>= 0.2.0'
+  s.add_dependency 'opal-browser', '0.2.0'
+  s.add_development_dependency 'rake'
+  s.add_development_dependency 'rspec-rails', '3.3.3'
+  s.add_development_dependency 'timecop'
+  s.add_development_dependency 'opal-rspec', '0.4.3'
+  s.add_development_dependency 'sinatra'
+  s.add_development_dependency 'opal-jquery'
+  # For Test Rails App
+  s.add_development_dependency 'rails', '4.2.4'
+  s.add_development_dependency 'react-rails'
+  s.add_development_dependency 'opal-rails', '0.8.1'
+  if RUBY_PLATFORM == 'java'
+    s.add_development_dependency 'jdbc-sqlite3'
+    s.add_development_dependency 'activerecord-jdbcsqlite3-adapter'
+    s.add_development_dependency 'therubyrhino'
+  else
+    s.add_development_dependency 'sqlite3', '1.3.10'
+    s.add_development_dependency 'therubyracer', '0.12.2'
+  end
+end

data/spec/controller_helper_spec.rb ADDED Viewed

@@ -0,0 +1,22 @@
+require 'spec_helper'
+if ruby?
+class TestController < ActionController::Base; end
+RSpec.describe TestController, type: :controller do
+  render_views
+  describe '#render_component' do
+    controller do
+      def index
+        render_component
+      end
+    end
+    it 'renders the application layout' do
+      get :index, no_prerender: true
+      expect(response).to render_template(layout: :application)
+    end
+  end
+end
+end

data/spec/index.html.erb ADDED Viewed

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+</head>
+<body>
+  <%= javascript_include_tag 'vendor/es5-shim.min' %>
+  <%= javascript_include_tag 'vendor/jquery-2.2.4.min' %>
+  <%= javascript_include_tag @server.main %>
+  <div id="placeholder" style="display: none"></div>
+  <div id="render_here"></div>
+</body>
+</html>

data/spec/react/callbacks_spec.rb ADDED Viewed

@@ -0,0 +1,106 @@
+require 'spec_helper'
+if opal?
+describe React::Callbacks do
+  it 'defines callback' do
+    stub_const 'Foo', Class.new
+    Foo.class_eval do
+      include React::Callbacks
+      define_callback :before_dinner
+      before_dinner :wash_hand
+      def wash_hand
+      end
+    end
+    expect_any_instance_of(Foo).to receive(:wash_hand)
+    Foo.new.run_callback(:before_dinner)
+  end
+  it 'defines multiple callbacks' do
+    stub_const 'Foo', Class.new
+    Foo.class_eval do
+      include React::Callbacks
+      define_callback :before_dinner
+      before_dinner :wash_hand, :turn_of_laptop
+      def wash_hand;end
+      def turn_of_laptop;end
+    end
+    expect_any_instance_of(Foo).to receive(:wash_hand)
+    expect_any_instance_of(Foo).to receive(:turn_of_laptop)
+    Foo.new.run_callback(:before_dinner)
+  end
+  it 'defines block callback' do
+    stub_const 'Foo', Class.new
+    Foo.class_eval do
+      include React::Callbacks
+      attr_accessor :a
+      attr_accessor :b
+      define_callback :before_dinner
+      before_dinner do
+        self.a = 10
+      end
+      before_dinner do
+        self.b = 20
+      end
+    end
+    foo = Foo.new
+    foo.run_callback(:before_dinner)
+    expect(foo.a).to eq(10)
+    expect(foo.b).to eq(20)
+  end
+  it 'defines multiple callback group' do
+    stub_const 'Foo', Class.new
+    Foo.class_eval do
+      include React::Callbacks
+      define_callback :before_dinner
+      define_callback :after_dinner
+      attr_accessor :a
+      before_dinner do
+        self.a = 10
+      end
+    end
+    foo = Foo.new
+    foo.run_callback(:before_dinner)
+    foo.run_callback(:after_dinner)
+    expect(foo.a).to eq(10)
+  end
+  it 'receives args as callback' do
+    stub_const 'Foo', Class.new
+    Foo.class_eval do
+      include React::Callbacks
+      define_callback :before_dinner
+      define_callback :after_dinner
+      attr_accessor :lorem
+      before_dinner do |a, b|
+        self.lorem  = "#{a}-#{b}"
+      end
+      after_dinner :eat_ice_cream
+      def eat_ice_cream(a,b,c);  end
+    end
+    expect_any_instance_of(Foo).to receive(:eat_ice_cream).with(4,5,6)
+    foo = Foo.new
+    foo.run_callback(:before_dinner, 1, 2)
+    foo.run_callback(:after_dinner, 4, 5, 6)
+    expect(foo.lorem).to eq('1-2')
+  end
+end
+end

data/spec/react/component/base_spec.rb ADDED Viewed

@@ -0,0 +1,36 @@
+require 'spec_helper'
+if opal?
+describe React::Component::Base do
+  after(:each) do
+    React::API.clear_component_class_cache
+  end
+  it 'can be inherited to create a component class' do
+    stub_const 'Foo', Class.new(React::Component::Base)
+    Foo.class_eval do
+      before_mount do
+        @instance_data = ["working"]
+      end
+      def render
+        @instance_data.first
+      end
+    end
+    stub_const 'Bar', Class.new(Foo)
+    Bar.class_eval do
+      before_mount do
+        @instance_data << "well"
+      end
+      def render
+        @instance_data.join(" ")
+      end
+    end
+    expect(rendered_component(Foo)).to eq("<span>working</span>")
+    expect(rendered_component(Bar)).to eq("<span>working well</span>")
+  end
+  def rendered_component(component)
+    React.render_to_static_markup(React.create_element(component))
+  end
+end
+end

data/spec/react/component_spec.rb ADDED Viewed

@@ -0,0 +1,721 @@
+require 'spec_helper'
+if opal?
+describe React::Component do
+  after(:each) do
+    React::API.clear_component_class_cache
+  end
+  it 'defines component spec methods' do
+    stub_const 'Foo', Class.new
+    Foo.class_eval do
+      include React::Component
+      def render
+        React.create_element('div')
+      end
+    end
+    # Class Methods
+    expect(Foo).to respond_to('initial_state')
+    expect(Foo).to respond_to('default_props')
+    expect(Foo).to respond_to('prop_types')
+    # Instance method
+    expect(Foo.new).to respond_to('component_will_mount')
+    expect(Foo.new).to respond_to('component_did_mount')
+    expect(Foo.new).to respond_to('component_will_receive_props')
+    expect(Foo.new).to respond_to('should_component_update?')
+    expect(Foo.new).to respond_to('component_will_update')
+    expect(Foo.new).to respond_to('component_did_update')
+    expect(Foo.new).to respond_to('component_will_unmount')
+  end
+  describe 'Life Cycle' do
+    before(:each) do
+      stub_const 'Foo', Class.new
+      Foo.class_eval do
+        include React::Component
+        def render
+          React.create_element('div') { 'lorem' }
+        end
+      end
+    end
+    it 'invokes `before_mount` registered methods when `componentWillMount()`' do
+      Foo.class_eval do
+        before_mount :bar, :bar2
+        def bar; end
+        def bar2; end
+      end
+      expect_any_instance_of(Foo).to receive(:bar)
+      expect_any_instance_of(Foo).to receive(:bar2)
+      renderToDocument(Foo)
+    end
+    it 'invokes `after_mount` registered methods when `componentDidMount()`' do
+      Foo.class_eval do
+        after_mount :bar3, :bar4
+        def bar3; end
+        def bar4; end
+      end
+      expect_any_instance_of(Foo).to receive(:bar3)
+      expect_any_instance_of(Foo).to receive(:bar4)
+      renderToDocument(Foo)
+    end
+    it 'allows multiple class declared life cycle hooker' do
+      stub_const 'FooBar', Class.new
+      Foo.class_eval do
+        before_mount :bar
+        def bar; end
+      end
+      FooBar.class_eval do
+        include React::Component
+        after_mount :bar2
+        def bar2; end
+        def render
+          React.create_element('div') { 'lorem' }
+        end
+      end
+      expect_any_instance_of(Foo).to receive(:bar)
+      renderToDocument(Foo)
+    end
+    it 'allows block for life cycle callback' do
+      Foo.class_eval do
+        export_state(:foo)
+        before_mount do
+          foo! 'bar'
+        end
+      end
+      element = renderToDocument(Foo)
+      expect(Foo.foo).to be('bar')
+    end
+  end
+  describe 'New style setter & getter' do
+    before(:each) do
+      stub_const 'Foo', Class.new
+      Foo.class_eval do
+        include React::Component
+        def render
+          div { state.foo }
+        end
+      end
+    end
+    it 'implicitly will create a state variable when first written' do
+      Foo.class_eval do
+        before_mount do
+          state.foo! 'bar'
+        end
+      end
+      expect(React.render_to_static_markup(React.create_element(Foo))).to eq('<div>bar</div>')
+    end
+    it 'allows kernal method names like "format" to be used as state variable names' do
+      Foo.class_eval do
+        before_mount do
+          state.format! 'yes'
+          state.foo! state.format
+        end
+      end
+      expect(React.render_to_static_markup(React.create_element(Foo))).to eq('<div>yes</div>')
+    end
+    it 'returns an observer with the bang method and no arguments' do
+      Foo.class_eval do
+        before_mount do
+          state.foo!(state.baz!.class.name)
+        end
+      end
+      expect(React.render_to_static_markup(React.create_element(Foo))).to eq('<div>React::Observable</div>')
+    end
+    it 'returns the current value of a state when written' do
+      Foo.class_eval do
+        before_mount do
+          state.baz! 'bar'
+          state.foo!(state.baz!('pow'))
+        end
+      end
+      expect(React.render_to_static_markup(React.create_element(Foo))).to eq('<div>bar</div>')
+    end
+    it 'can access an explicitly defined state`' do
+      Foo.class_eval do
+        define_state foo: :bar
+      end
+      expect(React.render_to_static_markup(React.create_element(Foo))).to eq('<div>bar</div>')
+    end
+  end
+  describe 'State setter & getter' do
+    before(:each) do
+      stub_const 'Foo', Class.new
+      Foo.class_eval do
+        include React::Component
+        def render
+          React.create_element('div') { 'lorem' }
+        end
+      end
+    end
+    it 'defines setter using `define_state`' do
+      Foo.class_eval do
+        define_state :foo
+        before_mount :set_up
+        def set_up
+          self.foo = 'bar'
+        end
+      end
+      element = renderToDocument(Foo)
+      expect(element.state.foo).to be('bar')
+    end
+    it 'defines init state by passing a block to `define_state`' do
+      Foo.class_eval do
+        define_state(:foo) { 10 }
+      end
+      element = renderToDocument(Foo)
+      expect(element.state.foo).to be(10)
+    end
+    it 'defines getter using `define_state`' do
+      Foo.class_eval do
+        define_state(:foo) { 10 }
+        before_mount :bump
+        def bump
+          self.foo = self.foo + 20
+        end
+      end
+      element = renderToDocument(Foo)
+      expect(element.state.foo).to be(30)
+    end
+    it 'defines multiple state accessors by passing array to `define_state`' do
+      Foo.class_eval do
+        define_state :foo, :foo2
+        before_mount :set_up
+        def set_up
+          self.foo = 10
+          self.foo2 = 20
+        end
+      end
+      element = renderToDocument(Foo)
+      expect(element.state.foo).to be(10)
+      expect(element.state.foo2).to be(20)
+    end
+    it 'invokes `define_state` multiple times to define states' do
+      Foo.class_eval do
+        define_state(:foo) { 30 }
+        define_state(:foo2) { 40 }
+      end
+      element = renderToDocument(Foo)
+      expect(element.state.foo).to be(30)
+      expect(element.state.foo2).to be(40)
+    end
+    it 'can initialize multiple state variables with a block' do
+      Foo.class_eval do
+        define_state(:foo, :foo2) { 30 }
+      end
+      element = renderToDocument(Foo)
+      expect(element.state.foo).to be(30)
+      expect(element.state.foo2).to be(30)
+    end
+    it 'can mix multiple state variables with initializers and a block' do
+      Foo.class_eval do
+        define_state(:x, :y, foo: 1, bar: 2) {3}
+      end
+      element = renderToDocument(Foo)
+      expect(element.state.x).to be(3)
+      expect(element.state.y).to be(3)
+      expect(element.state.foo).to be(1)
+      expect(element.state.bar).to be(2)
+    end
+    it 'gets state in render method' do
+      Foo.class_eval do
+        define_state(:foo) { 10 }
+        def render
+          React.create_element('div') { self.foo }
+        end
+      end
+      element = renderToDocument(Foo)
+      expect(Element[element].text).to eq('10')
+    end
+    it 'supports original `setState` as `set_state` method' do
+      Foo.class_eval do
+        before_mount do
+          self.set_state(foo: 'bar')
+        end
+      end
+      element = renderToDocument(Foo)
+      expect(element.state.foo).to be('bar')
+    end
+    it 'supports original `replaceState` as `set_state!` method' do
+      Foo.class_eval do
+        before_mount do
+          self.set_state(foo: 'bar')
+          self.set_state!(bar: 'lorem')
+        end
+      end
+      element = renderToDocument(Foo)
+      expect(element.state.foo).to be_nil
+      expect(element.state.bar).to eq('lorem')
+    end
+    it 'supports original `state` method' do
+      Foo.class_eval do
+        before_mount do
+          self.set_state(foo: 'bar')
+        end
+        def render
+          div { self.state[:foo] }
+        end
+      end
+      expect(React.render_to_static_markup(React.create_element(Foo))).to eq('<div>bar</div>')
+    end
+    it 'transforms state getter to Ruby object' do
+      Foo.class_eval do
+        define_state :foo
+        before_mount do
+          self.foo = [{a: "Hello"}]
+        end
+        def render
+          div { self.foo[0][:a] }
+        end
+      end
+      expect(React.render_to_static_markup(React.create_element(Foo))).to eq('<div>Hello</div>')
+    end
+  end
+  describe 'Props' do
+    describe 'this.props could be accessed through `params` method' do
+      before do
+        stub_const 'Foo', Class.new
+        Foo.class_eval do
+          include React::Component
+        end
+      end
+      it 'reads from parent passed properties through `params`' do
+        Foo.class_eval do
+          def render
+            React.create_element('div') { params[:prop] }
+          end
+        end
+        element = renderToDocument(Foo, prop: 'foobar')
+        expect(Element[element].text).to eq('foobar')
+      end
+      it 'accesses nested params as orignal Ruby object' do
+        Foo.class_eval do
+          def render
+            React.create_element('div') { params[:prop][0][:foo] }
+          end
+        end
+        element = renderToDocument(Foo, prop: [{foo: 10}])
+        expect(Element[element].text).to eq('10')
+      end
+    end
+    # deprecated as of React 14
+    # describe 'Props Updating' do
+    #   before do
+    #     stub_const 'Foo', Class.new
+    #     Foo.class_eval do
+    #       include React::Component
+    #     end
+    #   end
+    #
+    #   it 'supports original `setProps` as method `set_props`' do
+    #     Foo.class_eval do
+    #       def render
+    #         React.create_element('div') { params[:foo] }
+    #       end
+    #     end
+    #
+    #     element = renderToDocument(Foo, {foo: 10})
+    #     element.set_props(foo: 20)
+    #     expect(`#{element.dom_node}.innerHTML`).to eq('20')
+    #   end
+    #
+    #   it 'supports original `replaceProps` as method `set_props!`' do
+    #     Foo.class_eval do
+    #       def render
+    #         React.create_element('div') { params[:foo] ? 'exist' : 'null' }
+    #       end
+    #     end
+    #
+    #     element = renderToDocument(Foo, {foo: 10})
+    #     element.set_props!(bar: 20)
+    #     expect(element.getDOMNode.innerHTML).to eq('null')
+    #   end
+    # end
+    describe 'Prop validation' do
+      before do
+        stub_const 'Foo', Class.new
+        Foo.class_eval do
+          include React::Component
+        end
+      end
+      it 'specifies validation rules using `params` class method' do
+        Foo.class_eval do
+          params do
+            requires :foo, type: String
+            optional :bar
+          end
+        end
+        expect(Foo.prop_types).to have_key(:_componentValidator)
+      end
+      it 'logs error in warning if validation failed' do
+        stub_const 'Lorem', Class.new
+        Foo.class_eval do
+          params do
+            requires :foo
+            requires :lorem, type: Lorem
+            optional :bar, type: String
+          end
+          def render; div; end
+        end
+        %x{
+          var log = [];
+          var org_warn_console =  window.console.warn;
+          var org_error_console = window.console.error;
+          window.console.warn = window.console.error = function(str){log.push(str)}
+        }
+        renderToDocument(Foo, bar: 10, lorem: Lorem.new)
+        `window.console.warn = org_warn_console; window.console.error = org_error_console;`
+        expect(`log`).to eq(["Warning: Failed propType: In component `Foo`\nRequired prop `foo` was not specified\nProvided prop `bar` could not be converted to String"])
+      end
+      it 'should not log anything if validation pass' do
+        stub_const 'Lorem', Class.new
+        Foo.class_eval do
+          params do
+            requires :foo
+            requires :lorem, type: Lorem
+            optional :bar, type: String
+          end
+          def render; div; end
+        end
+        %x{
+          var log = [];
+          var org_warn_console = window.console.warn;
+          var org_error_console = window.console.error
+          window.console.warn = window.console.error = function(str){log.push(str)}
+        }
+        renderToDocument(Foo, foo: 10, bar: '10', lorem: Lorem.new)
+        `window.console.warn = org_warn_console; window.console.error = org_error_console;`
+        expect(`log`).to eq([])
+      end
+    end
+    describe 'Default props' do
+      it 'sets default props using validation helper' do
+        stub_const 'Foo', Class.new
+        Foo.class_eval do
+          include React::Component
+          params do
+            optional :foo, default: 'foo'
+            optional :bar, default: 'bar'
+          end
+          def render
+            div { params[:foo] + '-' + params[:bar]}
+          end
+        end
+        expect(React.render_to_static_markup(React.create_element(Foo, foo: 'lorem'))).to eq('<div>lorem-bar</div>')
+        expect(React.render_to_static_markup(React.create_element(Foo))).to eq('<div>foo-bar</div>')
+      end
+    end
+  end
+  describe 'Event handling' do
+    before do
+      stub_const 'Foo', Class.new
+      Foo.class_eval do
+        include React::Component
+      end
+    end
+    it 'works in render method' do
+      Foo.class_eval do
+        define_state(:clicked) { false }
+        def render
+          React.create_element('div').on(:click) do
+            self.clicked = true
+          end
+        end
+      end
+      element = React.create_element(Foo)
+      instance = renderElementToDocument(element)
+      simulateEvent(:click, instance)
+      expect(instance.state.clicked).to eq(true)
+    end
+    it 'invokes handler on `this.props` using emit' do
+      Foo.class_eval do
+        after_mount :setup
+        def setup
+          self.emit(:foo_submit, 'bar')
+        end
+        def render
+          React.create_element('div')
+        end
+      end
+      expect { |b|
+        element = React.create_element(Foo).on(:foo_submit, &b)
+        renderElementToDocument(element)
+      }.to yield_with_args('bar')
+    end
+    it 'invokes handler with multiple params using emit' do
+      Foo.class_eval do
+        after_mount :setup
+        def setup
+          self.emit(:foo_invoked, [1,2,3], 'bar')
+        end
+        def render
+          React.create_element('div')
+        end
+      end
+      expect { |b|
+        element = React.create_element(Foo).on(:foo_invoked, &b)
+        renderElementToDocument(element)
+      }.to yield_with_args([1,2,3], 'bar')
+    end
+  end
+  describe '#refs' do
+    before do
+      stub_const 'Foo', Class.new
+      Foo.class_eval do
+        include React::Component
+      end
+    end
+    it 'correctly assigns refs' do
+      Foo.class_eval do
+        def render
+          React.create_element('input', type: :text, ref: :field)
+        end
+      end
+      element = renderToDocument(Foo)
+      expect(element.refs.field).not_to be_nil
+    end
+    it 'accesses refs through `refs` method' do
+      Foo.class_eval do
+        def render
+          React.create_element('input', type: :text, ref: :field).on(:click) do
+            refs[:field].value = 'some_stuff'
+          end
+        end
+      end
+      element = renderToDocument(Foo)
+      simulateEvent(:click, element)
+      expect(element.refs.field.value).to eq('some_stuff')
+    end
+  end
+  describe '#render' do
+    it 'supports element building helpers' do
+      stub_const 'Foo', Class.new
+      Foo.class_eval do
+        include React::Component
+        def render
+          div do
+            span { params[:foo] }
+          end
+        end
+      end
+      stub_const 'Bar', Class.new
+      Bar.class_eval do
+        include React::Component
+        def render
+          div do
+            present Foo, foo: 'astring'
+          end
+        end
+      end
+      expect(React.render_to_static_markup(React.create_element(Bar))).to eq('<div><div><span>astring</span></div></div>')
+    end
+    it 'builds single node in top-level render without providing a block' do
+      stub_const 'Foo', Class.new
+      Foo.class_eval do
+        include React::Component
+        def render
+          div
+        end
+      end
+      element = React.create_element(Foo)
+      expect(React.render_to_static_markup(element)).to eq('<div></div>')
+    end
+    it 'redefines `p` to make method missing work' do
+      stub_const 'Foo', Class.new
+      Foo.class_eval do
+        include React::Component
+        def render
+          p(class_name: 'foo') do
+            p
+            div { 'lorem ipsum' }
+            p(id: '10')
+          end
+        end
+      end
+      element = React.create_element(Foo)
+      markup = '<p class="foo"><p></p><div>lorem ipsum</div><p id="10"></p></p>'
+      expect(React.render_to_static_markup(element)).to eq(markup)
+    end
+    it 'only overrides `p` in render context' do
+      stub_const 'Foo', Class.new
+      Foo.class_eval do
+        include React::Component
+        before_mount do
+          p 'first'
+        end
+        after_mount do
+          p 'second'
+        end
+        def render
+          div
+        end
+      end
+      expect(Kernel).to receive(:p).with('first')
+      expect(Kernel).to receive(:p).with('second')
+      renderToDocument(Foo)
+    end
+  end
+  describe 'isMounted()' do
+    it 'returns true if after mounted' do
+      stub_const 'Foo', Class.new
+      Foo.class_eval do
+        include React::Component
+        def render
+          React.create_element('div')
+        end
+      end
+      component = renderToDocument(Foo)
+      expect(component.mounted?).to eq(true)
+    end
+  end
+  describe '#children' do
+    before(:each) do
+      stub_const 'Foo', Class.new
+      Foo.class_eval do
+        include React::Component
+        export_state :the_children
+        before_mount do
+          the_children! children
+        end
+        def render
+          React.create_element('div') { 'lorem' }
+        end
+      end
+    end
+    it 'returns an Enumerable' do
+      ele = React.create_element(Foo) {
+        [React.create_element('a'), React.create_element('li')]
+      }
+      renderElementToDocument(ele)
+      nodes = Foo.the_children.map { |ele| ele.element_type }
+      expect(nodes).to eq(['a', 'li'])
+    end
+    it 'returns an Enumerator when not providing a block' do
+      ele = React.create_element(Foo) {
+        [React.create_element('a'), React.create_element('li')]
+      }
+      renderElementToDocument(ele)
+      nodes = Foo.the_children.each
+      expect(nodes).to be_a(Enumerator)
+      expect(nodes.size).to eq(2)
+    end
+    it 'returns an empty Enumerator if there are no children' do
+      ele = React.create_element(Foo)
+      renderElementToDocument(ele)
+      nodes = Foo.the_children.each
+      expect(nodes.size).to eq(nil)
+      expect(nodes.count).to eq(0)
+    end
+  end
+end
+end