fron-ui 1.0.0rc2

data/spec/components/button_spec.rb

@@ -0,0 +1,9 @@
+require 'spec_helper'
+
+describe UI::Button do
+  before do
+    subject.text = 'ads'
+  end
+
+  it { subject[:type].should eq :primary }
+end

data/spec/components/calendar_spec.rb

@@ -0,0 +1,58 @@
+require 'spec_helper'
+
+describe UI::Calendar do
+  before do
+    allow(Date).to receive(:today).and_return Date.parse('2015-05-01')
+  end
+
+  context 'This year' do
+    it 'should display the active month name' do
+      expect(subject.header.label.text).to equal('May')
+    end
+  end
+
+  context 'Next year' do
+    before do
+      subject.render(Date.parse('2016-05-01'))
+    end
+
+    it 'should display the active month name and year' do
+      expect(subject.header.label.text).to equal('May 2016')
+    end
+  end
+
+  context 'Table' do
+    let(:cells) { subject.find_all('tbody td').map(&:text) }
+    let(:padding) { 4 }
+
+    it 'should display days' do
+      cells[padding..-1].count.should eq 31
+    end
+
+    it 'should pad cells' do
+      cells[0...padding].should eq ['', '', '', '']
+    end
+  end
+
+  context 'Clicking on the next month icon' do
+    it 'should render the next month' do
+      expect {
+        subject.find('[action=next_month]').trigger :click
+      }.to change { subject.header.label.text }.from('May').to('June')
+    end
+  end
+
+  context 'Clicking on the previous month icon' do
+    it 'should render the previous month' do
+      expect {
+        subject.find('[action=prev_month]').trigger :click
+      }.to change { subject.header.label.text }.from('May').to('April')
+    end
+  end
+
+  describe '#render' do
+    it 'should yield for every day' do
+      expect { |b| subject.render(&b) }.to yield_control.exactly(31).times
+    end
+  end
+end

data/spec/components/checkbox_spec.rb

@@ -0,0 +1,20 @@
+require 'spec_helper'
+
+describe UI::Checkbox do
+  it 'should have tabindex' do
+    subject[:tabindex].should eq '0'
+  end
+
+  describe '#action' do
+    it 'should toggle' do
+      expect {
+        subject.action
+      }.to change { subject.checked }.from(false).to(true)
+    end
+
+    it 'should trigger change' do
+      expect(subject).to receive(:trigger).with :change
+      subject.action
+    end
+  end
+end

data/spec/components/chooser_spec.rb

@@ -0,0 +1,75 @@
+require 'spec_helper'
+
+describe UI::Chooser do
+  before do
+    subject.items = [{ id: 0, value: 'Test' }, { id: 1, value: 'Asd' }]
+  end
+
+  it 'should render items' do
+    subject.find_all('ui-chooser-item').count.should eq 2
+  end
+
+  context 'Focusing the input' do
+    let(:expectation) { expect { subject.input.trigger :focus } }
+
+    it 'should set focused attribute' do
+      expectation.to change { subject.attribute?(:focused) }.from(false).to(true)
+    end
+
+    it 'should empty the input' do
+      subject.input.value = 'test'
+      expectation.to change { subject.input.value }.from('test').to(nil)
+    end
+  end
+
+  context 'Bluring the input' do
+    let(:expectation) { expect { subject.input.trigger :blur } }
+
+    it 'should remove focused attribute' do
+      subject[:focused] = true
+      expectation.to change { subject.attribute?(:focused) }.from(true).to(false)
+    end
+
+    it 'should update the input field' do
+      subject.select_first
+      subject.input.value = ''
+      expectation.to change { subject.input.value }.from(nil).to('Test')
+    end
+  end
+
+  context 'Selecting inteded item' do
+    it 'should select it' do
+      expect {
+        subject.intend_next
+        subject.select_intended
+        subject.intend_previous
+      }.to change { subject.value }.from(nil).to('Test')
+    end
+  end
+
+  describe '#value' do
+    context 'Nothing selected' do
+      it 'should return nil' do
+        subject.value.should eq nil
+      end
+    end
+
+    context 'One selected' do
+      it 'should return single value' do
+        expect {
+          subject.select_first
+        }.to change { subject.value }.from(nil).to('Test')
+      end
+    end
+
+    context 'Multiple selected' do
+      it 'should return single value' do
+        expect {
+          subject.multiple = true
+          subject.select_last
+          subject.select_first
+        }.to change { subject.value }.from(nil).to(%w(Test Asd))
+      end
+    end
+  end
+end

data/spec/components/color_panel_spec.rb

@@ -0,0 +1,49 @@
+require 'spec_helper'
+
+describe UI::ColorPanel do
+  it 'should have a default value' do
+    subject.color.hex.should eq 'ffffff'
+  end
+
+  context 'Changing the fields' do
+    it 'should update the color' do
+      expect(subject.hued).to receive(:value_y).and_return 0.5
+      expect(subject.recta).to receive(:value_y).and_return 0.5
+      expect(subject.recta).to receive(:value_x).and_return 0.5
+
+      subject.hued.trigger :change
+
+      subject.hue.should eq 180
+      subject.saturation.should eq 50
+      subject.value.should eq 50
+    end
+  end
+
+  describe '#hue=' do
+    it 'should set the value_y of hued' do
+      subject.hued.should receive(:value_y=).with(0.5)
+      subject.hue = 180
+    end
+  end
+
+  describe '#value=' do
+    it 'should set the value_y of rect' do
+      subject.recta.should receive(:value_y=).with(0.5)
+      subject.value = 50
+    end
+  end
+
+  describe '#saturation=' do
+    it 'should set the value_y of rect' do
+      subject.recta.should receive(:value_x=).with(0.5)
+      subject.saturation = 50
+    end
+  end
+
+  describe '#color=' do
+    it 'should set color from CSS' do
+      subject.color = :red
+      subject.color.hex.should eq 'ff0000'
+    end
+  end
+end

data/spec/components/color_picker_spec.rb

@@ -0,0 +1,41 @@
+require 'spec_helper'
+
+describe UI::ColorPicker do
+  it 'should have a default value' do
+    subject.value.should eq '#FFFFFF'
+  end
+
+  describe '#value=' do
+    context 'Valid' do
+      it 'should set the value' do
+        expect {
+          subject.value = :orangered
+        }.to change { subject.input.value }.from('#FFFFFF').to(:orangered)
+      end
+    end
+
+    context 'Invalid' do
+      it 'should_not set the value' do
+        expect {
+          subject.value = :asd
+        }.to change { subject.input.value }.from('#FFFFFF').to('rgba(255,255,255,0.0)')
+      end
+    end
+  end
+
+  context 'Focusing on the input' do
+    it 'should update the dropdown' do
+      subject.should receive(:update_dropdown)
+      subject.input.trigger :focus
+    end
+  end
+
+  context 'Setting value' do
+    it 'should update dropdown' do
+      expect {
+        subject.input.value = :orangered
+        subject.input.trigger :change
+      }.to change { subject.input.value }.from('#FFFFFF').to(:orangered)
+    end
+  end
+end

data/spec/components/container_spec.rb

@@ -0,0 +1,23 @@
+require 'spec_helper'
+
+describe UI::Container do
+  it 'should set defaults' do
+    subject.direction.should eq :column
+  end
+
+  describe '#compact' do
+    context 'false' do
+      it 'should remvoe compact attribute' do
+        subject.compact = false
+        expect {
+          subject.compact = true
+        }.to change { subject.attribute?(:compact) }.from(false).to(true)
+      end
+    end
+
+    context 'true' do
+      it 'should add compact attribute' do
+      end
+    end
+  end
+end

data/spec/components/date_picker_spec.rb

@@ -0,0 +1,71 @@
+require 'spec_helper'
+
+describe UI::DatePicker do
+  before do
+    allow(Date).to receive(:today).and_return Date.parse('2015-01-01')
+  end
+
+  it 'should set default value' do
+    subject.value.should eq Date.today
+  end
+
+  it 'should set selected td' do
+    subject.find('.selected')[:date].should eq '2015-01-01'
+  end
+
+  context 'Focusing the input' do
+    it 'should render the dropdown' do
+      subject.should receive(:render)
+      subject.input.trigger :focus
+    end
+  end
+
+  context 'Changing the input' do
+    it 'should set the value' do
+      expect {
+        subject.input.value = '2015-05-05'
+        subject.input.trigger :change
+      }.to change { subject.find('.selected')[:date] }.from('2015-01-01').to('2015-05-05')
+    end
+  end
+
+  context 'Pressing down' do
+    it 'should select next day' do
+      expect {
+        subject.trigger :keydown, keyCode: 40, shiftKey: false
+      }.to change { subject.value }.from(Date.today).to(Date.today + 1)
+    end
+  end
+
+  context 'Pressing down with shift' do
+    it 'should select next day' do
+      expect {
+        subject.trigger :keydown, keyCode: 40, shiftKey: true
+      }.to change { subject.value }.from(Date.today).to(Date.today.next_month)
+    end
+  end
+
+  context 'Pressing up' do
+    it 'should select next day' do
+      expect {
+        subject.trigger :keydown, keyCode: 38, shiftKey: false
+      }.to change { subject.value }.from(Date.today).to(Date.today - 1)
+    end
+  end
+
+  context 'Pressing up with shift' do
+    it 'should select next day' do
+      expect {
+        subject.trigger :keydown, keyCode: 38, shiftKey: true
+      }.to change { subject.value }.from(Date.today).to(Date.today.prev_month)
+    end
+  end
+
+  context 'Selecting a date' do
+    it 'should set the value' do
+      expect {
+        subject.find('[date="2015-01-21"]').trigger :click
+      }.to change { subject.value }.from(Date.today).to(Date.parse('2015-01-21'))
+    end
+  end
+end

data/spec/components/drag_spec.rb

@@ -0,0 +1,20 @@
+require 'spec_helper'
+
+describe UI::Drag do
+  before do
+    allow(subject).to receive(:width).and_return 100
+    allow(subject).to receive(:height).and_return 100
+  end
+
+  context 'Dragging on the component' do
+    let(:expectation) { expect { mock_drag subject.drag, 10, 10 } }
+
+    it 'should move the handle horizontally' do
+      expectation.to change { subject.handle.style.top }.from('').to('10px')
+    end
+
+    it 'should move the handle vertically' do
+      expectation.to change { subject.handle.style.left }.from('').to('10px')
+    end
+  end
+end

data/spec/components/dropdown_spec.rb

@@ -0,0 +1,33 @@
+require 'spec_helper'
+
+describe UI::Dropdown do
+  describe '#open' do
+    it 'should add open class' do
+      expect {
+        subject.open
+      }.to change { subject.has_class(:open) }.from(false).to(true)
+    end
+
+    it 'should set vertical attribute' do
+      expect {
+        subject.open
+      }.to change { subject[:vertical] }.from(nil).to(:bottom)
+    end
+
+    it 'should set horizontal attribute' do
+      expect {
+        subject.open
+      }.to change { subject[:horizontal] }.from(nil).to(:right)
+    end
+  end
+
+  describe '#close' do
+    it 'should remove open class' do
+      subject.add_class :open
+      expect {
+        subject.close
+        subject.trigger :animationend, animationName: 'ui-dropdown-hide'
+      }.to change { subject.has_class(:open) }.from(true).to(false)
+    end
+  end
+end

data/spec/components/image_spec.rb

@@ -0,0 +1,33 @@
+require 'spec_helper'
+
+describe UI::Image do
+  it 'should listen on load' do
+    expect {
+      subject.img.trigger :load
+    }.to change { subject.img.has_class(:loaded) }.from(false).to(true)
+  end
+
+  describe '#width=' do
+    it 'should set the width of the image' do
+      expect {
+        subject.width = '100px'
+      }.to change { subject.style.width }.from('').to('100px')
+    end
+  end
+
+  describe '#height=' do
+    it 'should set the height of the image' do
+      expect {
+        subject.height = '100px'
+      }.to change { subject.style.height }.from('').to('100px')
+    end
+  end
+
+  describe '#src=' do
+    it 'should set the src of the image' do
+      expect {
+        subject.src = '//placehold.it/250/f9f9f9/333'
+      }.to change { subject.src }.from(nil).to('//placehold.it/250/f9f9f9/333')
+    end
+  end
+end