opal-jquery 0.0.6 → 0.0.7

data/spec/element/method_missing_spec.rb

@@ -0,0 +1,28 @@
+require "spec_helper"
+
+# Add our jquery extension
+%x{
+  $.fn.opal_specs_extension = function() {
+    return "foo_bar_baz";
+  };
+
+  $.fn.opal_specs_args = function() {
+    return Array.prototype.slice.call(arguments);
+  };
+}
+
+describe "Element#method_missing" do
+  it "calls jquery plugins by given name" do
+    Element.new.opal_specs_extension.should eq("foo_bar_baz")
+  end
+
+  it "forwards any args onto native function" do
+    Element.new.opal_specs_args(:foo, 42, false).should eq([:foo, 42, false])
+  end
+
+  it "only forwards calls when a native method exists" do
+    lambda {
+      Element.new.some_unknown_plugin
+    }.should raise_error(NoMethodError)
+  end
+end

data/spec/element/traversing_spec.rb

@@ -2,7 +2,7 @@ require "spec_helper"
 
 describe Element do
   before do
-    @div = Document.parse <<-HTML
+    @div = Element.parse <<-HTML
       <div id="traversing-spec">
         <div id="foo" class="traversing-class"></div>
         <div id="bar" class="traversing-class">
@@ -24,12 +24,12 @@ describe Element do
 
   describe '#children' do
     it "should return a new collection of all direct children of element" do
-      Document.id('foo').children.size.should == 0
-      Document.id('bar').children.size.should == 2
+      Element.find('#foo').children.size.should == 0
+      Element.find('#bar').children.size.should == 2
     end
 
     it "should only return direct children" do
-      c = Document.id('baz').children
+      c = Element.find('#baz').children
       c.size.should == 1
     end
   end
@@ -37,7 +37,7 @@ describe Element do
   describe '#each' do
     it "should loop over each element passing element to block" do
       result = []
-      Document.find('.traversing-class').each do |e|
+      Element.find('.traversing-class').each do |e|
         result << e.id
       end
 
@@ -45,7 +45,7 @@ describe Element do
     end
 
     it "should not call the block with an empty element set" do
-      Document.find('.bad-each-class').each do
+      Element.find('.bad-each-class').each do
         raise "shouldn't get here"
       end
     end
@@ -53,32 +53,32 @@ describe Element do
 
   describe '#find' do
     it "should match all elements within scope of receiver" do
-      foo = Document['#traversing-spec']
+      foo = Element.find('#traversing-spec')
       foo.find('.traversing-class').size.should == 2
       foo.find('.main-content-wrapper').size.should == 1
     end
 
     it "should return an empty collection if there are no matching elements" do
-      bar = Document['#bar']
+      bar = Element.find('#bar')
       bar.find('.some-non-existant-class').size.should == 0
     end
   end
 
   describe '#first' do
     it "should return the first element in the receiver" do
-      Document.find('.traversing-class').first.id.should == 'foo'
-      Document.id('baz').first.id.should == 'baz'
+      Element.find('.traversing-class').first.id.should == 'foo'
+      Element.find('#baz').first.id.should == 'baz'
     end
 
     it "should return nil when receiver has no elements" do
-      Document.find('.some-random-class').first.should == nil
+      Element.find('.some-random-class').first.should == nil
     end
   end
 end
 
 describe "Element#next" do
   before do
-    @div = Document.parse <<-HTML
+    @div = Element.parse <<-HTML
       <div id="next-spec">
         <div id="foo"></div>
         <div id="bar"></div>
@@ -93,17 +93,17 @@ describe "Element#next" do
   end
 
   it "should return the next sibling" do
-    Document.id('foo').next.id.should == "bar"
+    Element.find('#foo').next.id.should == "bar"
   end
 
   it "should return an empty instance when no next element" do
-    Document.id('bar').next.size.should == 0
+    Element.find('#bar').next.size.should == 0
   end
 end
 
 describe "Element#parent" do
   before do
-    @div = Document.parse <<-HTML
+    @div = Element.parse <<-HTML
       <div id="foo">
         <div id="bar">
           <div id="baz"></div>
@@ -120,15 +120,15 @@ describe "Element#parent" do
   end
 
   it "should return the parent of the element" do
-    Document.id('bar').parent.id.should == "foo"
-    Document.id('baz').parent.id.should == "bar"
-    Document.id('buz').parent.id.should == "bar"
+    Element.find('#bar').parent.id.should == "foo"
+    Element.find('#baz').parent.id.should == "bar"
+    Element.find('#buz').parent.id.should == "bar"
   end
 end
 
 describe "Element#succ" do
   before do
-    @div = Document.parse <<-HTML
+    @div = Element.parse <<-HTML
       <div id="succ-spec">
         <div id="foo"></div>
         <div id="bar"></div>
@@ -143,17 +143,17 @@ describe "Element#succ" do
   end
 
   it "should return the next sibling" do
-    Document.id('foo').succ.id.should == "bar"
+    Element.find('#foo').succ.id.should == "bar"
   end
 
   it "should return an empty instance when no next element" do
-    Document.id('bar').succ.size.should == 0
+    Element.find('#bar').succ.size.should == 0
   end
 end
 
 describe "Element#siblings" do
   before do
-    @div = Document.parse <<-HTML
+    @div = Element.parse <<-HTML
       <div id="siblings-spec">
         <div>
           <div id="foo"></div>
@@ -174,17 +174,17 @@ describe "Element#siblings" do
   end
 
   it "should return all siblings" do
-    Document.id('bar').siblings.size.should == 2
-    Document.id('bar').siblings.at(0).id.should == "foo"
-    Document.id('bar').siblings.at(1).id.should == "baz"
+    Element.find('#bar').siblings.size.should == 2
+    Element.find('#bar').siblings.at(0).id.should == "foo"
+    Element.find('#bar').siblings.at(1).id.should == "baz"
   end
 
   it "should return all siblings that match the selector" do
-    Document.id('bar').siblings('.special').size.should == 1
-    Document.id('bar').siblings('.special').at(0).id.should == "baz"
+    Element.find('#bar').siblings('.special').size.should == 1
+    Element.find('#bar').siblings('.special').at(0).id.should == "baz"
   end
 
   it "should return an empty instance when there are no siblings" do
-    Document.id('uno').siblings.size.should == 0
+    Element.find('#uno').siblings.size.should == 0
   end
 end

data/spec/element_spec.rb

@@ -11,7 +11,7 @@ describe Element do
   describe '#on' do
     it 'adds an event listener onto the elements' do
       count = 0
-      foo   = Document['#foo']
+      foo   = Element['#foo']
 
       foo.on(:click) { count += 1 }
       count.should == 0
@@ -25,8 +25,8 @@ describe Element do
 
     it 'takes an optional second parameter to delegate events' do
       count = 0
-      foo   = Document['#foo']
-      bar   = Document['#bar']
+      foo   = Element['#foo']
+      bar   = Element['#bar']
 
       foo.on(:click, '#bar') { count += 1 }
       count.should == 0
@@ -42,7 +42,7 @@ describe Element do
 
     it 'can listen for non-browser events' do
       count = 0
-      foo   = Document['#foo']
+      foo   = Element['#foo']
 
       foo.on('opal-is-mega-lolz') { count += 1 }
       count.should == 0
@@ -54,11 +54,11 @@ describe Element do
 
     it 'returns the given handler' do
       handler = proc {}
-      Document['#foo'].on(:click, &handler).should == handler
+      Element['#foo'].on(:click, &handler).should == handler
     end
 
     it 'has an Event instance passed to the handler' do
-      foo = Document['#foo']
+      foo = Element['#foo']
       foo.on :click do |event|
         event.should be_kind_of(Event)
       end
@@ -66,7 +66,7 @@ describe Element do
     end
 
     it 'has an Event instance, plus any additional parameters passed to the handler' do
-      foo = Document['#foo']
+      foo = Element['#foo']
       foo.on :bozo do |event, foo, bar, baz, buz|
         event.should be_kind_of(Event)
         foo.should == 'foo'
@@ -81,7 +81,7 @@ describe Element do
   describe '#off' do
     it 'removes event handlers that were added using #on' do
       count = 0
-      foo   = Document['#foo']
+      foo   = Element['#foo']
 
       handler = foo.on(:click) { count += 1 }
       count.should == 0
@@ -95,8 +95,8 @@ describe Element do
 
     it 'removes event handlers added with a selector' do
       count = 0
-      foo   = Document['#foo']
-      bar   = Document['#bar']
+      foo   = Element['#foo']
+      bar   = Element['#bar']
 
       handler = foo.on(:click, '#bar') { count += 1 }
       count.should == 0
@@ -109,3 +109,78 @@ describe Element do
     end
   end
 end
+
+describe Element do
+  html <<-HTML
+    <div id="foo" class="bar"></div>
+    <div class="woosh"></div>
+    <div class="woosh"></div>
+    <div class="find-foo"></div>
+    <div class="find-bar"></div>
+    <div class="find-foo"></div>
+  HTML
+
+  describe ".[]" do
+    it "should be able to find elements with given id" do
+      Element['#foo'].class_name.should == "bar"
+      Element['#foo'].size.should == 1
+    end
+
+    it "should be able to match any valid CSS selector" do
+      Element['.woosh'].should be_kind_of(Element)
+      Element['.woosh'].size.should == 2
+    end
+
+    it "should return an empty Elements instance when not matching any elements" do
+      dom = Element['.some-non-existing-class']
+
+      dom.should be_kind_of(Element)
+      dom.size.should == 0
+    end
+
+    it "should accept an HTML string and parse it into a Elements instance" do
+      el = Element['<div id="foo-bar-baz"></div>']
+
+      el.should be_kind_of(Element)
+      el.id.should == "foo-bar-baz"
+      el.size.should == 1
+    end
+  end
+
+  describe ".find" do
+    it "should find all elements matching CSS selector" do
+      foo = Element.find '.find-foo'
+      foo.should be_kind_of(Element)
+      foo.length.should == 2
+
+      bar = Element.find '.find-bar'
+      bar.should be_kind_of(Element)
+      bar.length.should == 1
+    end
+
+    it "should return an empty Element instance with length 0 when no matching" do
+      baz = Element.find '.find-baz'
+      baz.should be_kind_of(Element)
+      baz.length.should == 0
+    end
+  end
+
+  describe '.id' do
+    it "should return a new instance with the element with given id" do
+      Element.id('foo').should be_kind_of(Element)
+      Element.id('foo').id.should == 'foo'
+    end
+
+    it "should return nil if no element could be found" do
+      Element.id('bad-element-id').should be_nil
+    end
+  end
+
+  describe '.parse' do
+    it "should return a new instance with parsed element as single element" do
+      foo = Element.parse '<div id="foo" class="bar"></div>'
+      foo.id.should == 'foo'
+      foo.class_name.should == 'bar'
+    end
+  end
+end

data/spec/event_spec.rb

@@ -11,8 +11,8 @@ describe Event do
   HTML
 
   it '#current_target returns the current element in the bubbling' do
-    foo = Document['#foo']
-    bar = Document['#bar']
+    foo = Element['#foo']
+    bar = Element['#bar']
     result = []
 
     foo.on(:click) { |e| result << e.current_target.id }
@@ -28,7 +28,7 @@ describe Event do
 
   it '#type returns the type of event' do
     type = nil
-    foo  = Document['#foo']
+    foo  = Element['#foo']
 
     foo.on(:click) { |e| type = e.type }
     foo.on(:mousedown) { |e| type = e.type }
@@ -45,8 +45,8 @@ describe Event do
   end
 
   it '#target returns a JQuery wrapper around the element that triggered the event' do
-    foo = Document['#foo']
-    bar = Document['#bar']
+    foo = Element['#foo']
+    bar = Element['#bar']
     target = nil
 
     foo.on(:click) { |e| target = e.target.id }

data/spec/spec_helper.rb

@@ -2,8 +2,8 @@ require 'jquery'
 require 'opal-spec'
 require 'opal-jquery'
 
-module Spec
-  class ExampleGroup
+module OpalTest
+  class TestCase
 
     # Add some html code to the body tag ready for testing. This will
     # be added before each test, then removed after each test. It is
@@ -21,10 +21,10 @@ module Spec
     #     end
     #
     # @param [String] html_string html content to add
-    def html(html_string='')
+    def self.html(html_string='')
       html = '<div id="opal-jquery-test-div">' + html_string + '</div>'
       before do
-        @_spec_html = Document.parse(html)
+        @_spec_html = Element.parse(html)
         @_spec_html.append_to_body
       end
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: opal-jquery
 version: !ruby/object:Gem::Version
-  version: 0.0.6
+  version: 0.0.7
   prerelease: 
 platform: ruby
 authors:
@@ -9,8 +9,24 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-02-16 00:00:00.000000000 Z
-dependencies: []
+date: 2013-02-20 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: opal
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 0.3.39
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 0.3.39
 description: Opal DOM library for jquery
 email: adam.beynon@gmail.com
 executables: []
@@ -19,6 +35,7 @@ extra_rdoc_files: []
 files:
 - .gitignore
 - .travis.yml
+- CHANGELOG.md
 - Gemfile
 - LICENSE
 - README.md
@@ -52,6 +69,7 @@ files:
 - spec/element/inspect_spec.rb
 - spec/element/iterable_spec.rb
 - spec/element/length_spec.rb
+- spec/element/method_missing_spec.rb
 - spec/element/traversing_spec.rb
 - spec/element_spec.rb
 - spec/event_spec.rb
@@ -100,6 +118,7 @@ test_files:
 - spec/element/inspect_spec.rb
 - spec/element/iterable_spec.rb
 - spec/element/length_spec.rb
+- spec/element/method_missing_spec.rb
 - spec/element/traversing_spec.rb
 - spec/element_spec.rb
 - spec/event_spec.rb