fron 0.1.0 → 0.1.1

data/spec/dom/fragment_spec.rb

@@ -0,0 +1,13 @@
+require 'fron/dom'
+
+describe DOM::Fragment do
+
+  subject { described_class.new }
+
+  describe '#initailize' do
+    it 'should create a document fragment' do
+      el = subject.instance_variable_get("@el")
+      `el instanceof DocumentFragment`.should be true
+    end
+  end
+end

data/spec/dom/modules/classlist_spec.rb

@@ -0,0 +1,72 @@
+require 'fron/dom'
+
+describe DOM::ClassList do
+
+  let(:element) { DOM::Element.new 'div' }
+  subject { element['class'] }
+
+  describe '#addClass' do
+    it 'should add a class' do
+      element.addClass 'test'
+      subject.should eq 'test'
+    end
+
+    it 'should add multiple classes' do
+      element.addClass 'test', 'help'
+      subject.should eq 'test help'
+    end
+  end
+
+  describe '#removeClass' do
+    before do
+      element['class'] = 'test help'
+    end
+
+    it 'should add a class' do
+      element.removeClass 'test'
+      subject.should eq 'help'
+    end
+
+    it 'should add multiple classes' do
+      element.removeClass 'test', 'help'
+      subject.should eq ''
+    end
+  end
+
+  describe '#hasClass' do
+    it 'should return true if the element has given class' do
+      element['class'] = 'test'
+      element.hasClass('test').should eq true
+    end
+
+    it 'should return flase if the element does not have the given class' do
+      element.hasClass('test').should eq false
+    end
+  end
+
+  describe '#toggleClass' do
+    before do
+      element['class'] = 'test'
+    end
+
+    it 'should remove class if the element has the given class' do
+      element.toggleClass 'test'
+      subject.should eq ''
+    end
+
+    it 'should add class if the element does not have the given class' do
+      element.toggleClass 'help'
+      subject.should eq 'test help'
+    end
+
+    it 'should add class if the second argument is true' do
+      element.toggleClass 'help', true
+      subject.should eq 'test help'
+    end
+
+    it 'should remove class if the second argument if false' do
+      element.toggleClass 'test', false
+      subject.should eq ''
+    end
+  end
+end

data/spec/dom/modules/dimensions_spec.rb

@@ -0,0 +1,55 @@
+require 'fron/dom'
+
+describe DOM::Dimensions do
+
+  let(:element) { DOM::Element.new 'div' }
+
+  before do
+    element >> DOM::Document.body
+    element.style.position = 'absolute'
+    element.style.width = '100px'
+    element.style.top = '40px'
+    element.style.left = '60px'
+    element.style.height = '80px'
+  end
+
+  after do
+    element.remove!
+  end
+
+  describe '#top' do
+    it 'should return the top position of the element' do
+      element.top.should eq 40
+    end
+  end
+
+  describe '#left' do
+    it 'should return the left position of the element' do
+      element.left.should eq 60
+    end
+  end
+
+  describe '#right' do
+    it 'should return the right position of the element' do
+      element.right.should eq 160
+    end
+  end
+
+  describe '#bottom' do
+    it 'should return the bottom position of the element' do
+      element.bottom.should eq 120
+    end
+  end
+
+  describe '#width' do
+    it 'should return the width of the element' do
+      element.width.should eq 100
+    end
+  end
+
+  describe '#height' do
+    it 'should return the height of the element' do
+      element.height.should eq 80
+    end
+  end
+end

data/spec/dom/modules/events_spec.rb

@@ -0,0 +1,73 @@
+require 'fron/dom'
+
+describe DOM::Events do
+
+  let(:element) { DOM::Element.new 'div' }
+  subject { element.instance_variable_get("@listeners") }
+
+  describe '#on' do
+    async 'should register for event' do
+      listener = element.on 'click' do |event|
+        run_async do
+          subject.should_not be nil
+          subject[:click].should_not be nil
+          subject[:click].length.should eq 1
+          subject[:click].include?(listener).should eq true
+          element.off 'click'
+        end
+      end
+      element.trigger 'click'
+    end
+  end
+
+  describe '#off' do
+    context "two arguments" do
+      it 'should unregister for event' do
+        listener = element.on 'click' do end
+        subject[:click].include?(listener).should eq true
+        element.off 'click', listener
+        subject[:click].include?(listener).should eq false
+      end
+    end
+
+    context "one argument" do
+      it 'should unregister all events for type' do
+        listener = element.on 'click' do end
+        subject[:click].include?(listener).should eq true
+        element.off 'click'
+        subject[:click].include?(listener).should eq false
+      end
+    end
+
+    context "no argument" do
+      it 'should unregister all events' do
+        listener = element.on 'click' do end
+        subject[:click].include?(listener).should eq true
+        element.off
+        subject[:click].include?(listener).should eq false
+      end
+    end
+  end
+
+  describe '#delegate' do
+    async 'should call the listener if the element matches the selector' do
+      element.delegate 'click', 'div' do
+        run_async do
+          element.off 'click'
+        end
+      end
+      element.trigger 'click'
+    end
+  end
+
+  describe '#trigger' do
+    async 'should trigger the event' do
+      element.on 'click' do |event|
+        run_async do
+          element.off 'click'
+        end
+      end
+      element.trigger 'click'
+    end
+  end
+end

data/spec/dom/node_spec.rb

@@ -0,0 +1,189 @@
+require 'fron/dom'
+
+class TestNode < DOM::NODE
+  attr_reader :el
+end
+
+describe TestNode do
+
+  let(:el)   { DOM::Element.new('div') }
+  let(:body) { DOM::Document.body }
+  subject    { described_class.new `document.createElement('div')` }
+
+  after do
+    subject.remove!
+    el.remove!
+  end
+
+  describe "#dup" do
+
+    let(:node) { subject.dup }
+
+    it 'should clone the node' do
+      node.should_not eq subject
+    end
+
+    it 'should have the same class' do
+      node.class.should eq TestNode
+    end
+  end
+
+  describe "#dup!" do
+    it 'should clone with children' do
+      subject << el
+      subject.children.length.should eq 1
+      node = subject.dup!
+      node.children.length.should eq 1
+    end
+  end
+
+  describe '#parent' do
+    it 'should return nil if there is no parent node' do
+      subject.parent.should eq nil
+    end
+
+    it 'should return a new NODE' do
+      subject >> body
+      subject.parent.class.should eq DOM::NODE
+    end
+  end
+
+  describe "#parentNode" do
+    it 'should return nil if there is no parent node' do
+      subject.parentNode.should eq nil
+    end
+
+    it 'should return a new NODE' do
+      subject >> body
+      subject.parentNode.class.should eq DOM::NODE
+    end
+  end
+
+  describe '#empty?' do
+    it 'should return true for no children' do
+      subject.empty?.should be true
+    end
+
+    it 'should return false for children' do
+      subject << el
+      subject.empty?.should be false
+    end
+  end
+
+  describe '#children' do
+    it 'should return a list of children' do
+      subject << el
+      subject.children.length.should be 1
+      subject.children.class.should eq DOM::NodeList
+    end
+  end
+
+  describe '#remove' do
+    it 'should remove the given node from this node' do
+      subject << el
+      el.parent.should_not eq nil
+      subject.remove el
+      el.parent.should eq nil
+    end
+  end
+
+  describe '#remove!' do
+    it 'should remove the node for its parent node' do
+      subject >> body
+      subject.parent.should_not eq nil
+      subject.remove!
+      subject.parent.should eq nil
+    end
+  end
+
+  describe '#<<' do
+    it 'should append given node to the node' do
+      subject << el
+      subject.children.length.should eq 1
+      el.parent.should_not be nil
+      el.parent.should eq subject
+      subject.children.include?(el).should be true
+    end
+  end
+
+  describe '#>>' do
+    it 'should append the node to the given node' do
+      subject >> body
+      subject.parent.should_not be nil
+      subject.parent.should eq body
+    end
+  end
+
+  describe '#insertBefore' do
+    let(:otherEl) { DOM::Element.new 'div' }
+
+    it 'should insert given node before the other given node' do
+      subject << el
+      subject << otherEl
+      el.should > otherEl
+      otherEl.should < el
+    end
+  end
+
+  describe "#text" do
+    it 'should return the nodes textContent' do
+      `#{subject.el}.textContent = 'Test'`
+      subject.text.should eq 'Test'
+    end
+  end
+
+  describe "#text=" do
+    it 'should set the nodes textContent' do
+      subject.text = 'Asd'
+      `#{subject.el}.textContent`.should eq 'Asd'
+    end
+  end
+
+  describe '#normalize!' do
+    it 'should normalize the node' do
+      subject << DOM::Text.new('a')
+      subject << DOM::Text.new('b')
+      subject.children.length.should eq 2
+      subject.normalize!
+      subject.children.length.should eq 1
+    end
+  end
+
+  describe '#==' do
+    it 'should return true for same el' do
+      subject >> el
+      subject.should == el.children[0]
+    end
+
+    it 'should return false for not same el' do
+      expect(subject != el).to eq true
+    end
+  end
+
+  describe "<=>" do
+    it 'should return 0 if nodes are the same' do
+      subject >> el
+      expect(el.children[0] <=> subject).to eq 0
+    end
+
+    it 'should throw if the nodes are not in the same parent' do
+      subject >> body
+      expect(Proc.new { el <=> subject } ).to raise_error
+    end
+
+    it 'should compare indexes if the nodes are in the same parent' do
+      subject >> body
+      el >> body
+      expect(el <=> subject).to eq -1
+      expect(subject <=> el).to eq 1
+    end
+  end
+
+  describe 'index' do
+    it 'should return index (position) of the node' do
+      el << DOM::Text.new('Test')
+      subject >> el
+      subject.index.should eq 1
+    end
+  end
+end

data/spec/dom/nodelist_spec.rb

@@ -0,0 +1,12 @@
+require 'fron/dom'
+
+describe DOM::NodeList do
+
+  describe '#initialize' do
+    it 'should map nodes to elements' do
+      DOM::Document.body.children.each do |node|
+        node.class.should eq DOM::NODE
+      end
+    end
+  end
+end

data/spec/dom/style_spec.rb

@@ -0,0 +1,31 @@
+describe DOM::Style do
+
+  subject { DOM::Element.new 'div' }
+  let(:el) { subject.instance_variable_get("@el") }
+
+  describe "method_missing" do
+    it 'should call []= if the methods ends with =' do
+      expect(subject.style).to receive(:[]=).with 'display', 'none'
+      subject.style.display = 'none'
+    end
+
+    it 'should call [] if the method does not end with =' do
+      expect(subject.style).to receive(:[]).with 'display'
+      subject.style.display
+    end
+  end
+
+  describe "[]=" do
+    it 'should set the given style' do
+      subject.style['display'] = 'none'
+      `#{el}.style.display`.should eq 'none'
+    end
+  end
+
+  describe "[]" do
+    it 'should return with the value of the given style' do
+      `#{el}.style.display = 'block'`
+      subject.style['display'].should eq 'block'
+    end
+  end
+end