opal-jquery 0.0.1

data/lib/opal-jquery/kernel.rb

@@ -0,0 +1,6 @@
+module Kernel
+  def alert(msg)
+    `alert(msg)`
+    nil
+  end
+end

data/lib/opal-jquery/local_storage.rb

@@ -0,0 +1,25 @@
+module LocalStorage
+  def self.[](key)
+    %x{
+      var val = localStorage.getItem(key);
+      return val === null ? nil : val;
+    }
+  end
+
+  def self.[]=(key, value)
+    `localStorage.setItem(key, value)`
+  end
+
+  def self.clear
+    `localStorage.clear()`
+    self
+  end
+
+  def self.delete(key)
+    %x{
+      var val = localStorage.getItem(key);
+      localStorage.removeItem(key);
+      return val === null ? nil : val;
+    }
+  end
+end

data/opal-jquery.gemspec

@@ -0,0 +1,16 @@
+# -*- encoding: utf-8 -*-
+
+Gem::Specification.new do |s|
+  s.name         = 'opal-jquery'
+  s.version      = '0.0.1'
+  s.author       = 'Adam Beynon'
+  s.email        = 'adam.beynon@gmail.com'
+  s.homepage     = 'http://opalrb.org'
+  s.summary      = 'Opal access to jquery'
+  s.description  = 'Opal DOM library for jquery'
+
+  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']
+end

data/spec/data/simple.txt

@@ -0,0 +1 @@
+hey

data/spec/data/user.json

@@ -0,0 +1,4 @@
+{
+  "name": "Adam",
+  "age": 26
+}

data/spec/document_spec.rb

@@ -0,0 +1,91 @@
+describe Document do
+  before do
+    @div = Document.parse <<-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
+
+    @div.append_to_body
+  end
+
+  after do
+    @div.remove
+  end
+
+  describe ".[]" do
+    it "should be able to find elements with given id" do
+      Document['#foo'].class_name.should == "bar"
+      Document['#foo'].size.should == 1
+    end
+
+    it "should be able to match any valid CSS selector" do
+      Document['.woosh'].should be_kind_of(Element)
+      Document['.woosh'].size.should == 2
+    end
+
+    it "should return an empty Elements instance when not matching any elements" do
+      dom = Document['.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 = Document['<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 = Document.find '.find-foo'
+      foo.should be_kind_of(Element)
+      foo.length.should == 2
+
+      bar = Document.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 = Document.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
+      Document.id('foo').should be_kind_of(Element)
+      Document.id('foo').id.should == 'foo'
+    end
+
+    it "should return nil if no element could be found" do
+      Document.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 = Document.parse '<div id="foo" class="bar"></div>'
+      foo.id.should == 'foo'
+      foo.class_name.should == 'bar'
+    end
+  end
+
+  describe '.title and .title=' do
+    it 'sets/gets the page title' do
+      current = Document.title
+      Document.title = 'hello from opal'
+      Document.title.should == 'hello from opal'
+      Document.title = current
+    end
+  end
+end

data/spec/element/after_spec.rb

@@ -0,0 +1,33 @@
+describe "Element#after" do
+  before do
+    @div = Document.parse <<-HTML
+      <div id="after-spec">
+        <div id="some-header" class="kapow"></div>
+        <div id="foo" class="after-spec-first"></div>
+        <div id="bar" class="after-spec-first"></div>
+        <div id="baz"></div>
+      </div>
+    HTML
+
+    @div.append_to_body
+  end
+
+  after do
+    @div.remove
+  end
+
+  it "should insert the given html string after each element" do
+    el = Document['.after-spec-first']
+    el.size.should == 2
+
+    el.after '<p class="woosh"></p>'
+
+    Document.id('foo').next.class_name.should == "woosh"
+    Document.id('bar').next.class_name.should == "woosh"
+  end
+
+  it "should insert the given DOM element after this element" do
+    Document.id('baz').after Document.id('some-header')
+    Document.id('baz').next.id.should == "some-header"
+  end
+end

data/spec/element/animations_spec.rb

@@ -0,0 +1,50 @@
+describe "Element animation methods" do
+  before do
+    @div = Document.parse <<-HTML
+      <div id="animate-foo"></div>
+    HTML
+
+    @div.append_to_body
+
+    Document.id("animate-foo").css("width", "0px")
+  end
+
+  after do
+    @div.remove
+  end
+
+  describe "#animate" do
+    ### HACKY
+    # jQUery's animate method doesn't *always* finish on time
+    # so the values are being compared using greater than
+    
+    it "should animate a set of properties and values" do
+      foo = Document.id "animate-foo"
+      foo.animate :width => "200px"
+
+      set_timeout 400 do
+        (foo.css("width").to_f > 199).should be_true
+      end
+    end
+
+    it "should allow you to set a speed in the params" do
+      foo = Document.id "animate-foo"
+      foo.animate :width => "200px", :speed => 100
+
+      set_timeout 105 do
+        (foo.css("width").to_f > 199).should be_true
+      end
+    end
+
+    it "should accept a block as a callback" do
+      foo = Document.id "animate-foo"
+      foo.animate :width => "200px" do
+        foo.add_class "finished"
+      end
+
+      set_timeout 405 do
+        foo.class_name.should equal("finished")
+      end
+    end
+  end
+end

data/spec/element/append_spec.rb

@@ -0,0 +1,36 @@
+describe "Element#append" do
+  before do
+    @div = Document.parse <<-HTML
+      <div id="append-spec">
+        <div id="foo" class="first-append"></div>
+        <div id="bar" class="first-append"></div>
+        <div id="baz"></div>
+        <div id="buz"></div>
+      </div>
+    HTML
+
+    @div.append_to_body
+  end
+
+  after do
+    @div.remove
+  end
+
+  it "should insert the HTML string to the end of each element" do
+    Document.find('.first-append').append '<p class="woosh"></p>'
+
+    Document.id('foo').children.class_name.should == "woosh"
+    Document.id('bar').children.class_name.should == "woosh"
+  end
+
+  it "should insert the given DOM node at the end of the element" do
+    baz = Document.id 'baz'
+    buz = Document.id 'buz'
+
+    baz.children.size.should == 0
+    baz.append buz
+
+    baz.children.size.should == 1
+    baz.children.id.should == "buz"
+  end
+end

data/spec/element/append_to_spec.rb

@@ -0,0 +1,25 @@
+describe "Element#append_to" do
+  before do
+    @div = Document.parse <<-HTML
+      <div id="foo"></div>
+      <div id="bar"></div>
+      <div id="baz"></div>
+    HTML
+
+    @div.append_to_body
+  end
+
+  after do
+    @div.remove
+  end
+
+  it "should insert the receiver into the target element" do
+    Document.id('foo').children.size.should == 0
+
+    Document.parse('<ul class="kapow"></ul>').append_to Document.id('foo')
+    Document.id('foo').children.class_name.should == "kapow"
+
+    Document.id('bar').append_to Document.id('baz')
+    Document.id('baz').children.id.should == "bar"
+  end
+end

data/spec/element/at_spec.rb

@@ -0,0 +1,41 @@
+describe "Element#at" do
+  before do
+    @div = Document.parse <<-HTML
+      <div id="at-spec">
+        <div class="foo" id="blah"></div>
+        <div class="foo" id="bleh"></div>
+        <div class="foo" id="bluh"></div>
+      </div>
+    HTML
+
+    @div.append_to_body
+  end
+
+  after do
+    @div.remove
+  end
+
+  it "returns the element at the given index" do
+    foos = Document.find '.foo'
+    foos.length.should == 3
+
+    foos.at(0).id.should == "blah"
+    foos.at(1).id.should == "bleh"
+    foos.at(2).id.should == "bluh"
+  end
+
+  it "counts from the last index for negative values" do
+    foos = Document.find '.foo'
+
+    foos.at(-1).id.should == "bluh"
+    foos.at(-2).id.should == "bleh"
+    foos.at(-3).id.should == "blah"
+  end
+
+  it "returns nil for indexes outside range" do
+    foos = Document.find '.foo'
+
+    foos.at(-4).should == nil
+    foos.at(4).should == nil
+  end
+end

data/spec/element/attributes_spec.rb

@@ -0,0 +1,202 @@
+describe Element do
+  before do
+    @div = Document.parse <<-HTML
+      <div id="attributes-spec">
+        <div id="foo"></div>
+        <div id="bar" class="apples"></div>
+        <div id="baz" class="lemons"></div>
+
+        <div id="attr-foo" title="Hello there!"></div>
+        <div id="attr-bar"></div>
+        <div id="attr-baz" title=""></div>
+        <div id="attr-woosh"></div>
+        <div id="attr-kapow" title="Apples"></div>
+
+        <div id="has-foo" class="apples"></div>
+        <div id="has-bar" class="lemons bananas"></div>
+
+        <div id="html-foo">Hey there</div>
+        <div id="html-bar"><p>Erm</p></div>
+
+        <div class="html-bridge">Hello</div>
+        <div class="html-bridge">Hello as well</div>
+
+        <div id="remove-foo"></div>
+
+        <div id="remove-bar" class="lemons"></div>
+        <div id="remove-baz" class="apples oranges"></div>
+        <div id="remove-buz" class="pineapples mangos"></div>
+
+        <div id="remove-bleh" class="fruit"></div>
+
+        <select id="value-foo">
+          <option selected="selected">Hello</option>
+          <option>World</option>
+        </select>
+
+        <input id="value-bar" type="text" value="Blah"></input>
+        <div id="value-baz"></div>
+
+        <input type="text" id="value-woosh" value=""></input>
+      </div>
+    HTML
+
+    @div.append_to_body
+  end
+
+  after do
+    @div.remove
+  end
+
+  describe '#[]' do
+    it 'should retrieve the attr value from the element' do
+      Document.id('attr-foo')[:title].should == "Hello there!"
+    end
+
+    it 'should return an empty string for an empty attribute value' do
+      Document.id('attr-bar')[:title].should == ""
+      Document.id('attr-baz')[:title].should == ""
+    end
+  end
+
+  describe '#[]=' do
+    it 'should set the attr value on the element' do
+      woosh = Document.id 'attr-woosh'
+      woosh[:title].should == ""
+
+      woosh[:title] = "Oranges"
+      woosh[:title].should == "Oranges"
+    end
+
+    it 'should replace the old value for the attribute' do
+      kapow = Document.id 'attr-kapow'
+      kapow[:title].should == "Apples"
+
+      kapow[:title] = "Pineapple"
+      kapow[:title].should == "Pineapple"
+    end
+  end
+
+  describe "#add_class" do
+    it "should add the given class name to the element" do
+      foo = Document.id 'foo'
+      foo.has_class?('lemons').should be_false
+      foo.add_class 'lemons'
+      foo.has_class?('lemons').should be_true
+    end
+
+    it "should not duplicate class names on an element" do
+      bar = Document.id 'bar'
+      bar.has_class?('apples').should be_true
+      bar.add_class 'apples'
+      bar.class_name.should == 'apples'
+    end
+
+    it "should return self" do
+      baz = Document.id 'baz'
+      baz.add_class('oranges').should equal(baz)
+      baz.add_class('oranges').should equal(baz)
+    end
+  end
+
+  describe '#has_class?' do
+    it "should return true if the element has the given class" do
+      Document.id('has-foo').has_class?("apples").should be_true
+      Document.id('has-foo').has_class?("oranges").should be_false
+      Document.id('has-bar').has_class?("lemons").should be_true
+    end
+  end
+
+  describe '#html' do
+    it "should return the html content of the element" do
+      Document.id('html-foo').html.should == "Hey there"
+      Document.id('html-bar').html.downcase.should == "<p>erm</p>"
+    end
+
+    it "should only return html for first matched element" do
+      Document.find('.html-bridge').html.should == "Hello"
+    end
+
+    it "should return empty string for empty set" do
+      Document.find('.html-nothing-here').html.should == ""
+    end
+  end
+
+  describe '#remove_class' do
+    it "should have no effect on elements without class" do
+      foo = Document.id 'remove-foo'
+      foo.class_name.should == ''
+      foo.remove_class 'blah'
+      foo.class_name.should == ''
+    end
+
+    it "should remove the given class from the element" do
+      bar = Document.id 'remove-bar'
+      bar.remove_class "lemons"
+      bar.class_name.should == ''
+
+      baz = Document.id 'remove-baz'
+      baz.remove_class 'lemons'
+      baz.class_name.should == 'apples oranges'
+
+      baz.remove_class 'apples'
+      baz.class_name.should == 'oranges'
+
+      buz = Document.id 'remove-buz'
+      buz.remove_class 'mangos'
+      buz.class_name.should == 'pineapples'
+
+      buz.remove_class 'pineapples'
+      buz.class_name.should == ''
+    end
+
+    it "should return self" do
+      bleh = Document.id 'remove-bleh'
+      bleh.remove_class('fruit').should equal(bleh)
+      bleh.remove_class('hmmmm').should equal(bleh)
+    end
+  end
+
+  describe '#toggle_class' do
+    it 'adds the given class name to the element if not already present' do
+      foo = Document['#foo']
+      foo.has_class?('oranges').should be_false
+      foo.toggle_class 'oranges'
+      foo.has_class?('oranges').should be_true
+    end
+
+    it 'removes the class if the element already has it' do
+      bar = Document['#bar']
+      bar.has_class?('apples').should be_true
+      bar.toggle_class 'apples'
+      bar.has_class?('apples').should be_false
+    end
+  end
+
+  describe "#value" do
+    it "should return the selected value of select elements" do
+      Document.id('value-foo').value.should == "Hello"
+    end
+
+    it "should return the value of normal input fields" do
+      Document.id('value-bar').value.should == "Blah"
+    end
+
+    it "should return an empty string for elements with no value attr" do
+      Document.id('value-baz').value.should == ""
+    end
+  end
+
+  describe "#value=" do
+    it "should set the value of the element to the given value" do
+      foo = Document.id 'value-woosh'
+      foo.value.should == ""
+
+      foo.value = "Hi"
+      foo.value.should == "Hi"
+
+      foo.value = "There"
+      foo.value.should == "There"
+    end
+  end
+end