RubyGems - reactive-ruby - Versions diffs - 0.7.28 → 0.7.29 - Mend

reactive-ruby 0.7.28 → 0.7.29

Files changed (55) hide show

checksums.yaml +4 -4
data/.codeclimate.yml +6 -0
data/Gemfile.lock +4 -1
data/README.md +132 -68
data/Rakefile +5 -2
data/example/examples/Gemfile +0 -2
data/example/rails-tutorial/Gemfile +3 -2
data/lib/generators/reactive_ruby/test_app/templates/application.rb +11 -0
data/lib/generators/reactive_ruby/test_app/templates/assets/javascripts/application.rb +2 -0
data/lib/generators/reactive_ruby/test_app/templates/assets/javascripts/components.rb +3 -0
data/lib/generators/reactive_ruby/test_app/templates/boot.rb +6 -0
data/lib/generators/reactive_ruby/test_app/templates/script/rails +5 -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 +9 -16
data/lib/{reactive-ruby → react}/api.rb +8 -65
data/lib/{reactive-ruby → react}/callbacks.rb +0 -0
data/lib/react/component.rb +266 -0
data/lib/react/component/api.rb +48 -0
data/lib/react/component/class_methods.rb +183 -0
data/lib/{reactive-ruby → react}/element.rb +10 -11
data/lib/{reactive-ruby → react}/event.rb +0 -0
data/lib/{reactive-ruby → react}/ext/hash.rb +0 -0
data/lib/{reactive-ruby → react}/ext/string.rb +0 -0
data/lib/react/native_library.rb +57 -0
data/lib/{reactive-ruby → react}/observable.rb +0 -4
data/lib/{reactive-ruby → react}/rendering_context.rb +0 -6
data/lib/{reactive-ruby → react}/state.rb +3 -6
data/lib/{reactive-ruby → react}/top_level.rb +2 -3
data/lib/react/validator.rb +127 -0
data/lib/reactive-ruby.rb +20 -20
data/lib/reactive-ruby/version.rb +1 -1
data/{opal-spec/reactjs → spec}/index.html.erb +1 -1
data/{opal-spec → spec/react}/callbacks_spec.rb +8 -9
data/{opal-spec → spec/react}/component_spec.rb +170 -120
data/spec/react/dsl_spec.rb +16 -0
data/{opal-spec → spec/react}/element_spec.rb +7 -20
data/{opal-spec → spec/react}/event_spec.rb +3 -1
data/spec/react/native_library_spec.rb +10 -0
data/spec/react/param_declaration_spec.rb +18 -0
data/{opal-spec → spec/react}/react_spec.rb +3 -2
data/spec/react/react_state_spec.rb +22 -0
data/spec/react/top_level_component_spec.rb +68 -0
data/{opal-spec → spec/react}/tutorial/tutorial_spec.rb +11 -13
data/{opal-spec → spec/react}/validator_spec.rb +50 -4
data/spec/reactive-ruby/isomorphic_helpers_spec.rb +22 -4
data/spec/spec_helper.rb +51 -0
data/spec/support/react/spec_helpers.rb +57 -0
data/spec/vendor/es5-shim.min.js +6 -0
metadata +56 -24
data/lib/reactive-ruby/component.rb +0 -502
data/lib/reactive-ruby/validator.rb +0 -99
data/old-readme +0 -220
data/opal-spec/spec_helper.rb +0 -29

data/lib/reactive-ruby.rb CHANGED Viewed

@@ -1,25 +1,25 @@
 if RUBY_ENGINE == 'opal'
-  require "sources/react.js"
-  require "reactive-ruby/top_level"
-  require "reactive-ruby/component"
-  require "reactive-ruby/element"
-  require "reactive-ruby/event"
-  require "reactive-ruby/version"
-  require "reactive-ruby/api"
-  require "reactive-ruby/validator"
-  require "reactive-ruby/observable"
-  require "reactive-ruby/rendering_context"
-  require "reactive-ruby/state"
-  require "reactive-ruby/isomorphic_helpers"
-  require "rails-helpers/top_level_rails_component"
+  require 'sources/react.js'
+  require 'react/top_level'
+  require 'react/component'
+  require 'react/element'
+  require 'react/event'
+  require 'react/api'
+  require 'react/validator'
+  require 'react/observable'
+  require 'react/rendering_context'
+  require 'react/state'
+  require 'reactive-ruby/isomorphic_helpers'
+  require 'rails-helpers/top_level_rails_component'
+  require 'reactive-ruby/version'
 else
-  require "opal"
-  require "opal-browser"
-  require "opal-activesupport"
-  require "reactive-ruby/version"
-  require "reactive-ruby/rails" if defined?(Rails)
-  require "reactive-ruby/isomorphic_helpers"
-  require "reactive-ruby/serializers"
+  require 'opal'
+  require 'opal-browser'
+  require 'opal-activesupport'
+  require 'reactive-ruby/version'
+  require 'reactive-ruby/rails' if defined?(Rails)
+  require 'reactive-ruby/isomorphic_helpers'
+  require 'reactive-ruby/serializers'
   Opal.append_path File.expand_path('../', __FILE__).untaint
 end

data/lib/reactive-ruby/version.rb CHANGED Viewed

@@ -1,3 +1,3 @@
 module React
-  VERSION = "0.7.28"
+  VERSION = "0.7.29"
 end

data/{opal-spec/reactjs → spec}/index.html.erb RENAMED Viewed

@@ -3,7 +3,7 @@
 <head>
 </head>
 <body>
-  <%= javascript_include_tag 'react' %>
+  <%= javascript_include_tag 'es5-shim.min' %>
   <%= javascript_include_tag @server.main %>
   <div id="placeholder" style="display: none"></div>
   <div id="render_here"></div>

data/{opal-spec → spec/react}/callbacks_spec.rb RENAMED Viewed

@@ -1,17 +1,15 @@
-require "spec_helper"
-require "react/callbacks"
+require 'spec_helper'
+if opal?
 describe React::Callbacks do
-  it "should be able to define callback" 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
@@ -19,7 +17,7 @@ describe React::Callbacks do
     Foo.new.run_callback(:before_dinner)
   end
-  it "should be able to define multiple callbacks" do
+  it 'defines multiple callbacks' do
     stub_const 'Foo', Class.new
     Foo.class_eval do
       include React::Callbacks
@@ -37,7 +35,7 @@ describe React::Callbacks do
     Foo.new.run_callback(:before_dinner)
   end
-  it "should be able to define block callback" do
+  it 'defines block callback' do
     stub_const 'Foo', Class.new
     Foo.class_eval do
       include React::Callbacks
@@ -60,7 +58,7 @@ describe React::Callbacks do
     expect(foo.b).to eq(20)
   end
-  it "should be able to define multiple callback group" do
+  it 'defines multiple callback group' do
     stub_const 'Foo', Class.new
     Foo.class_eval do
       include React::Callbacks
@@ -80,7 +78,7 @@ describe React::Callbacks do
     expect(foo.a).to eq(10)
   end
-  it "should be able to receive args as callback" do
+  it 'receives args as callback' do
     stub_const 'Foo', Class.new
     Foo.class_eval do
       include React::Callbacks
@@ -105,3 +103,4 @@ describe React::Callbacks do
     expect(foo.lorem).to eq('1-2')
   end
 end
+end

data/{opal-spec → spec/react}/component_spec.rb RENAMED Viewed

@@ -1,46 +1,47 @@
-require "spec_helper"
+require 'spec_helper'
+if opal?
 describe React::Component do
   after(:each) do
     React::API.clear_component_class_cache
   end
-  it "should define component spec methods" do
+  it 'defines component spec methods' do
     stub_const 'Foo', Class.new
     Foo.class_eval do
       include React::Component
       def render
-        React.create_element("div")
+        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")
+    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")
+    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
+  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" }
+          React.create_element('div') { 'lorem' }
         end
       end
     end
-    it "should invoke `before_mount` registered methods when `componentWillMount()`" do
+    it 'invokes `before_mount` registered methods when `componentWillMount()`' do
       Foo.class_eval do
         before_mount :bar, :bar2
         def bar; end
@@ -53,7 +54,7 @@ describe React::Component do
       renderToDocument(Foo)
     end
-    it "should invoke `after_mount` registered methods when `componentDidMount()`" do
+    it 'invokes `after_mount` registered methods when `componentDidMount()`' do
       Foo.class_eval do
         after_mount :bar3, :bar4
         def bar3; end
@@ -66,7 +67,7 @@ describe React::Component do
       renderToDocument(Foo)
     end
-    it "should allow multiple class declared life cycle hooker" do
+    it 'allows multiple class declared life cycle hooker' do
       stub_const 'FooBar', Class.new
       Foo.class_eval do
         before_mount :bar
@@ -78,7 +79,7 @@ describe React::Component do
         after_mount :bar2
         def bar2; end
         def render
-          React.create_element("div") { "lorem" }
+          React.create_element('div') { 'lorem' }
         end
       end
@@ -87,45 +88,45 @@ describe React::Component do
       renderToDocument(Foo)
     end
-    it "should allow block for life cycle callback" do
+    it 'allows block for life cycle callback' do
       Foo.class_eval do
-        define_state(:foo)
+        export_state(:foo)
         before_mount do
-          self.foo = "bar"
+          foo! 'bar'
         end
       end
       element = renderToDocument(Foo)
-      expect(element.state.foo).to be("bar")
+      expect(Foo.foo).to be('bar')
     end
   end
-  describe "State setter & getter" do
+  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" }
+          React.create_element('div') { 'lorem' }
         end
       end
     end
-    it "should define setter using `define_state`" do
+    it 'defines setter using `define_state`' do
       Foo.class_eval do
         define_state :foo
         before_mount :set_up
         def set_up
-          self.foo = "bar"
+          self.foo = 'bar'
         end
       end
       element = renderToDocument(Foo)
-      expect(element.state.foo).to be("bar")
+      expect(element.state.foo).to be('bar')
     end
-    it "should define init state by passing a block to `define_state`" do
+    it 'defines init state by passing a block to `define_state`' do
       Foo.class_eval do
         define_state(:foo) { 10 }
       end
@@ -134,7 +135,7 @@ describe React::Component do
       expect(element.state.foo).to be(10)
     end
-    it "should define getter using `define_state`" do
+    it 'defines getter using `define_state`' do
       Foo.class_eval do
         define_state(:foo) { 10 }
         before_mount :bump
@@ -147,7 +148,7 @@ describe React::Component do
       expect(element.state.foo).to be(30)
     end
-    it "should define multiple state accessor by passing symols array to `define_state`" do
+    it 'defines multiple state accessors by passing array to `define_state`' do
       Foo.class_eval do
         define_state :foo, :foo2
         before_mount :set_up
@@ -162,7 +163,7 @@ describe React::Component do
       expect(element.state.foo2).to be(20)
     end
-    it "should invoke `define_state` multiple times to define states" do
+    it 'invokes `define_state` multiple times to define states' do
       Foo.class_eval do
         define_state(:foo) { 30 }
         define_state(:foo2) { 40 }
@@ -173,54 +174,66 @@ describe React::Component do
       expect(element.state.foo2).to be(40)
     end
-    it "should raise error if multiple states and block given at the same time" do
-      expect  {
-        Foo.class_eval do
-          define_state(:foo, :foo2) { 30 }
-        end
-      }.to raise_error
+    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 "should get state in render method" do
+    it 'gets state in render method' do
       Foo.class_eval do
         define_state(:foo) { 10 }
         def render
-          React.create_element("div") { self.foo }
+          React.create_element('div') { self.foo }
         end
       end
       element = renderToDocument(Foo)
-      expect(element.getDOMNode.textContent).to eq("10")
+      expect(element.getDOMNode.textContent).to eq('10')
     end
-    it "should support original `setState` as `set_state` method" do
+    it 'supports original `setState` as `set_state` method' do
       Foo.class_eval do
         before_mount do
-          self.set_state(foo: "bar")
+          self.set_state(foo: 'bar')
         end
       end
       element = renderToDocument(Foo)
-      expect(element.state.foo).to be("bar")
+      expect(element.state.foo).to be('bar')
     end
-    it "should support original `replaceState` as `set_state!` method" do
+    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")
+          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")
+      expect(element.state.bar).to eq('lorem')
     end
-    it "should support originl `state` method" do
+    it 'supports original `state` method' do
       Foo.class_eval do
         before_mount do
-          self.set_state(foo: "bar")
+          self.set_state(foo: 'bar')
         end
         def render
@@ -228,15 +241,15 @@ describe React::Component do
         end
       end
-      expect(React.render_to_static_markup(React.create_element(Foo))).to eq("<div>bar</div>")
+      expect(React.render_to_static_markup(React.create_element(Foo))).to eq('<div>bar</div>')
     end
-    it "should transform state getter to Ruby object" do
+    it 'transforms state getter to Ruby object' do
       Foo.class_eval do
         define_state :foo
         before_mount do
-          self.foo = [{a: 10}]
+          self.foo = [{a: "Hello"}]
         end
         def render
@@ -244,12 +257,12 @@ describe React::Component do
         end
       end
-      expect(React.render_to_static_markup(React.create_element(Foo))).to eq("<div>10</div>")
+      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
+  describe 'Props' do
+    describe 'this.props could be accessed through `params` method' do
       before do
         stub_const 'Foo', Class.new
         Foo.class_eval do
@@ -257,30 +270,30 @@ describe React::Component do
         end
       end
-      it "should read from parent passed properties through `params`" do
+      it 'reads from parent passed properties through `params`' do
         Foo.class_eval do
           def render
-            React.create_element("div") { params[:prop] }
+            React.create_element('div') { params[:prop] }
           end
         end
-        element = renderToDocument(Foo, prop: "foobar")
-        expect(element.getDOMNode.textContent).to eq("foobar")
+        element = renderToDocument(Foo, prop: 'foobar')
+        expect(element.getDOMNode.textContent).to eq('foobar')
       end
-      it "should access nested params as orignal Ruby object" do
+      it 'accesses nested params as orignal Ruby object' do
         Foo.class_eval do
           def render
-            React.create_element("div") { params[:prop][0][:foo] }
+            React.create_element('div') { params[:prop][0][:foo] }
           end
         end
         element = renderToDocument(Foo, prop: [{foo: 10}])
-        expect(element.getDOMNode.textContent).to eq("10")
+        expect(element.getDOMNode.textContent).to eq('10')
       end
     end
-    describe "Props Updating" do
+    describe 'Props Updating' do
       before do
         stub_const 'Foo', Class.new
         Foo.class_eval do
@@ -288,32 +301,32 @@ describe React::Component do
         end
       end
-      it "should support original `setProps` as method `set_props`" do
+      it 'supports original `setProps` as method `set_props`' do
         Foo.class_eval do
           def render
-            React.create_element("div") { params[:foo] }
+            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')
+        expect(`#{element.dom_node}.innerHTML`).to eq('20')
       end
-      it "should support original `replaceProps` as method `set_props!`" do
+      it 'supports original `replaceProps` as method `set_props!`' do
         Foo.class_eval do
           def render
-            React.create_element("div") { params[:foo] ? "exist" : "null" }
+            React.create_element('div') { params[:foo] ? 'exist' : 'null' }
           end
         end
         element = renderToDocument(Foo, {foo: 10})
         element.set_props!(bar: 20)
-        expect(element.dom_node.innerHTML).to eq('null')
+        expect(element.getDOMNode.innerHTML).to eq('null')
       end
     end
-    describe "Prop validation" do
+    describe 'Prop validation' do
       before do
         stub_const 'Foo', Class.new
         Foo.class_eval do
@@ -321,7 +334,7 @@ describe React::Component do
         end
       end
-      it "should specify validation rules using `params` class method" do
+      it 'specifies validation rules using `params` class method' do
         Foo.class_eval do
           params do
             requires :foo, type: String
@@ -332,7 +345,7 @@ describe React::Component do
         expect(Foo.prop_types).to have_key(:_componentValidator)
       end
-      it "should log error in warning if validation failed" do
+      it 'logs error in warning if validation failed' do
         stub_const 'Lorem', Class.new
         Foo.class_eval do
           params do
@@ -351,10 +364,10 @@ describe React::Component do
         }
         renderToDocument(Foo, bar: 10, lorem: Lorem.new)
         `window.console = org_console;`
-        expect(`log`).to eq(["Warning: Failed propType: In component `Foo`\nRequired prop `foo` was not specified\nProvided prop `bar` was not the specified type `String`"])
+        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
+      it 'should not log anything if validation pass' do
         stub_const 'Lorem', Class.new
         Foo.class_eval do
           params do
@@ -371,34 +384,34 @@ describe React::Component do
           var org_console = window.console;
           window.console = {warn: function(str){log.push(str)}}
         }
-        renderToDocument(Foo, foo: 10, bar: "10", lorem: Lorem.new)
+        renderToDocument(Foo, foo: 10, bar: '10', lorem: Lorem.new)
         `window.console = org_console;`
         expect(`log`).to eq([])
       end
     end
-    describe "Default props" do
-      it "should set default props using validation helper" do
+    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"
+            optional :foo, default: 'foo'
+            optional :bar, default: 'bar'
           end
           def render
-            div { params[:foo] + "-" + params[:bar]}
+            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>")
+        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
+  describe 'Event handling' do
     before do
       stub_const 'Foo', Class.new
       Foo.class_eval do
@@ -406,12 +419,12 @@ describe React::Component do
       end
     end
-    it "should work in render method" do
+    it 'works in render method' do
       Foo.class_eval do
         define_state(:clicked) { false }
         def render
-          React.create_element("div").on(:click) do
+          React.create_element('div').on(:click) do
             self.clicked = true
           end
         end
@@ -423,46 +436,46 @@ describe React::Component do
       expect(instance.state.clicked).to eq(true)
     end
-    it "should invoke handler on `this.props` using emit" do
+    it 'invokes handler on `this.props` using emit' do
       Foo.class_eval do
         after_mount :setup
         def setup
-          self.emit(:foo_submit, "bar")
+          self.emit(:foo_submit, 'bar')
         end
         def render
-          React.create_element("div")
+          React.create_element('div')
         end
       end
       expect { |b|
         element = React.create_element(Foo).on(:foo_submit, &b)
         renderElementToDocument(element)
-      }.to yield_with_args("bar")
+      }.to yield_with_args('bar')
     end
-    it "should invoke handler with multiple params using emit" do
+    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")
+          self.emit(:foo_invoked, [1,2,3], 'bar')
         end
         def render
-          React.create_element("div")
+          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")
+      }.to yield_with_args([1,2,3], 'bar')
     end
   end
-  describe "Refs" do
+  describe '#refs' do
     before do
       stub_const 'Foo', Class.new
       Foo.class_eval do
@@ -470,10 +483,10 @@ describe React::Component do
       end
     end
-    it "should correctly assign refs" do
+    it 'correctly assigns refs' do
       Foo.class_eval do
         def render
-          React.create_element("input", type: :text, ref: :field)
+          React.create_element('input', type: :text, ref: :field)
         end
       end
@@ -481,11 +494,11 @@ describe React::Component do
       expect(element.refs.field).not_to be_nil
     end
-    it "should access refs through `refs` method" do
+    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"
+          React.create_element('input', type: :text, ref: :field).on(:click) do
+            refs[:field].value = 'some_stuff'
           end
         end
       end
@@ -493,12 +506,12 @@ describe React::Component do
       element = renderToDocument(Foo)
       simulateEvent(:click, element)
-      expect(element.refs.field.value).to eq("some_stuff")
+      expect(element.refs.field.value).to eq('some_stuff')
     end
   end
-  describe "Render" do
-    it "should support element building helpers" do
+  describe '#render' do
+    it 'supports element building helpers' do
       stub_const 'Foo', Class.new
       Foo.class_eval do
         include React::Component
@@ -515,15 +528,15 @@ describe React::Component do
         include React::Component
         def render
           div do
-            present Foo, foo: "astring"
+            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>")
+      expect(React.render_to_static_markup(React.create_element(Bar))).to eq('<div><div><span>astring</span></div></div>')
     end
-    it "should build single node in top-level render without providing a block" do
+    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
@@ -534,38 +547,39 @@ describe React::Component do
       end
       element = React.create_element(Foo)
-      expect(React.render_to_static_markup(element)).to eq("<div></div>")
+      expect(React.render_to_static_markup(element)).to eq('<div></div>')
     end
-    it "should redefine `p` to make method missing work" do
+    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(class_name: 'foo') do
             p
-            div { "lorem ipsum" }
-            p(id: "10")
+            div { 'lorem ipsum' }
+            p(id: '10')
           end
         end
       end
       element = React.create_element(Foo)
-      expect(React.render_to_static_markup(element)).to eq("<p class=\"foo\"><p></p><div>lorem ipsum</div><p id=\"10\"></p></p>")
+      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 "should only override `p` in render context" do
+    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"
+          p 'first'
         end
         after_mount do
-          p "second"
+          p 'second'
         end
         def render
@@ -573,20 +587,20 @@ describe React::Component do
         end
       end
-      expect(Kernel).to receive(:p).with("first")
-      expect(Kernel).to receive(:p).with("second")
+      expect(Kernel).to receive(:p).with('first')
+      expect(Kernel).to receive(:p).with('second')
       renderToDocument(Foo)
     end
   end
-  describe "isMounted()" do
-    it "should return true if after mounted" do
+  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")
+          React.create_element('div')
         end
       end
@@ -594,4 +608,40 @@ describe React::Component do
       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
+  end
+end
 end