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

reactive-ruby 0.7.28 → 0.7.29

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 (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