spec/element_spec.rb in opal-jquery-0.0.6 vs spec/element_spec.rb in opal-jquery-0.0.7

@@ -9,11 +9,11 @@
   HTML
 
   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
       foo.trigger(:click)
       count.should == 1
@@ -23,12 +23,12 @@
       count.should == 2
     end
 
     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
       foo.trigger(:click)
       count.should == 0
@@ -40,11 +40,11 @@
       count.should == 2
     end
 
     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
       foo.trigger('opal-is-mega-lolz')
       count.should == 1
@@ -52,23 +52,23 @@
       count.should == 2
     end
 
     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
       foo.trigger(:click)
     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'
         bar.should == 'bar'
         baz.should == 'baz'
@@ -79,11 +79,11 @@
   end
 
   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
       foo.trigger(:click)
       count.should == 1
@@ -93,19 +93,94 @@
       count.should == 1
     end
 
     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
       bar.trigger(:click)
       count.should == 1
       foo.off(:click, '#bar', handler)
       count.should == 1
       bar.trigger(:click)
       count.should == 1
+    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