fron-ui 1.0.0rc2

data/spec/components/input_spec.rb

@@ -0,0 +1,8 @@
+require 'spec_helper'
+
+describe UI::Input do
+  it 'should be an input' do
+    subject.tag.should eq :input
+    subject[:type].should eq :text
+  end
+end

data/spec/components/list_spec.rb

@@ -0,0 +1,10 @@
+require 'spec_helper'
+
+describe UI::List do
+  describe '#flex=' do
+    it 'should set flex' do
+      # Phantomjs cannot work with flex...
+      subject.flex = 1
+    end
+  end
+end

data/spec/components/loader_spec.rb

@@ -0,0 +1,9 @@
+require 'spec_helper'
+
+describe UI::Loader do
+  describe '#loading' do
+    it 'should return false if not loading' do
+      subject.loading.should eq false
+    end
+  end
+end

data/spec/components/notifications_spec.rb

@@ -0,0 +1,17 @@
+require 'spec_helper'
+
+describe UI::Notifications do
+  it 'should display notifications' do
+    expect {
+      subject.push 'Test'
+    }.to change { subject.children.count }.from(0).to(1)
+  end
+
+  it 'should remove notificaion' do
+    noti = subject.push 'Test'
+    expect {
+      noti.trigger :animationend, animationName: 'ui-notification-show'
+      noti.trigger :animationend, animationName: 'ui-notification-hide'
+    }.to change { noti.parent }.from(subject).to(nil)
+  end
+end

data/spec/components/number_spec.rb

@@ -0,0 +1,64 @@
+require 'spec_helper'
+
+describe UI::NumberRange do
+  let(:input) { subject.find('ui-number-range-input') }
+
+  before do
+    allow(subject).to receive(:width).and_return 200
+  end
+
+  it 'should have a default value' do
+    subject.value.should eq 0
+  end
+
+  describe '#on_mouse_move' do
+    it 'should set the cursor' do
+      expect {
+        subject.trigger :mousemove, pageX: 10
+      }.to change { subject.style.cursor }.from('').to('move')
+    end
+  end
+
+  describe '#input' do
+    it 'should set placeholder character' do
+      expect {
+        subject.text = ''
+        subject.input
+      }.to change { input.html }.from('0.0').to(`'\ufeff'`)
+    end
+  end
+
+  describe '#keydown' do
+    let(:event) { double key: :enter }
+    it 'should prevent the event' do
+      event.should receive(:prevent_default)
+      subject.keydown event
+    end
+  end
+
+  context 'Changing the maximum value' do
+    it 'should reset the value' do
+      subject.value = 100
+      expect {
+        subject.max = 10
+      }.to change { subject.value }.from(100).to(10)
+    end
+  end
+
+  context 'Bluring the input' do
+    it 'should set the value' do
+      input.text = 10
+      expect {
+        input.trigger :blur
+      }.to change { subject.value }.from(0).to(10)
+    end
+  end
+
+  context 'Dragging horizontally' do
+    it 'should increase the value' do
+      expect {
+        mock_drag subject.drag, 10, 10
+      }.to change { subject.value }.from(0).to(10)
+    end
+  end
+end

data/spec/components/progress_spec.rb

@@ -0,0 +1,23 @@
+require 'spec_helper'
+
+describe UI::Progress do
+  it 'should have a default value' do
+    subject.value.should eq 0
+  end
+
+  describe '#value=' do
+    it 'should set the value' do
+      expect {
+        subject.value = 0.1
+      }.to change { subject.bar.style.width.to_i }.from(0).to(10)
+    end
+  end
+
+  describe '#color=' do
+    it 'should set the color' do
+      expect {
+        subject.color = :red
+      }.to change { subject.bar.style.backgroundColor }.to('red')
+    end
+  end
+end

data/spec/components/slider_spec.rb

@@ -0,0 +1,25 @@
+require 'spec_helper'
+
+describe UI::Slider do
+  before do
+    allow(subject).to receive(:width).and_return 100
+  end
+
+  it 'should have tabindex' do
+    subject.tabindex.should eq '0'
+  end
+
+  describe '#value' do
+    it 'should return value' do
+      subject.value.should eq 0
+    end
+  end
+
+  describe '#value=' do
+    it 'should set the value' do
+      expect {
+        subject.value = 0.5
+      }.to change { subject.handle.style.left }.from('').to('50px')
+    end
+  end
+end

data/spec/components/tabs_spec.rb

@@ -0,0 +1,50 @@
+require 'spec_helper'
+
+class Tab < UI::Tabs::Tab
+  tag 'div'
+  defaults tab_id: 'test',
+           tab_title: 'test'
+end
+
+class Tab2 < UI::Tabs::Tab
+  tag 'div'
+  defaults tab_id: 'test2',
+           tab_title: 'test2'
+end
+
+describe UI::Tabs do
+  let(:tab) { Tab.new }
+  let(:selected) { subject.find('[tab_id].selected') }
+
+  before do
+    subject << tab
+  end
+
+  it 'should create tabs' do
+    subject.insert_before tab, nil
+    subject.handles.children.count.should eq 1
+  end
+
+  it 'should select first tab' do
+    selected.should_not be_nil
+  end
+
+  context 'Selecting an other tab' do
+    it 'should deselect active one' do
+      tab2 = Tab2.new
+      subject << tab2
+      expect {
+        subject.select tab2
+      }.to change { selected.has_class(:selected) }.from(true).to(false)
+    end
+  end
+
+  context 'Removing an tab' do
+    it 'should remove the handler' do
+      subject
+      expect {
+        tab.remove!
+      }.to change { subject.handles.children.count }.from(1).to(0)
+    end
+  end
+end

data/spec/components/textarea_spec.rb

@@ -0,0 +1,7 @@
+require 'spec_helper'
+
+describe UI::Textarea do
+  it 'should be an textarea' do
+    subject.tag.should eq :textarea
+  end
+end

data/spec/components/time_spec.rb

@@ -0,0 +1,37 @@
+require 'spec_helper'
+
+module UI
+  # Stub timeout so we don't go into recursion
+  class Time < Fron::Component
+    def timeout
+    end
+  end
+end
+
+describe UI::Time do
+  describe '#recall' do
+    it 'should call render' do
+      subject.should receive(:render)
+      subject.should receive(:timeout).and_yield
+      subject.recall
+    end
+  end
+
+  describe '#value=' do
+    it 'should set value' do
+      subject.value = Date.parse('2015-01-01')
+      subject.text.should eq '2015-01-01'
+    end
+  end
+
+  context 'From now' do
+    before do
+      subject.from_now = true
+      subject.render
+    end
+
+    it 'should render time' do
+      subject.text.should eq 'a few seconds ago'
+    end
+  end
+end

data/spec/components/title_spec.rb

@@ -0,0 +1,11 @@
+require 'spec_helper'
+
+describe UI::Title do
+  describe '#align=' do
+    it 'should set the align' do
+      expect {
+        subject.align = :center
+      }.to change { subject.style.textAlign }.from('').to(:center)
+    end
+  end
+end

data/spec/examples/comments_spec.rb

@@ -0,0 +1,72 @@
+require 'spec_helper'
+require 'fron-ui/examples/comments/components/comments'
+
+describe Examples::Comments do
+  let(:user) { { name: 'Test Joe', image: '//placehold.it/250/f9f9f9/333' } }
+  let(:items) {
+    [
+      { id: '0', date: Time.now, user: user, body: '<p>test</p>', votes: 0 }
+    ]
+  }
+
+  before do
+    allow(subject).to receive(:request).with(:get, '').and_yield items
+    subject.load
+  end
+
+  let(:comment) { subject.find('ui-comment') }
+
+  it 'should display comments' do
+    comment.should_not be_nil
+  end
+
+  context 'Filling the textarea and clicking on the button' do
+    it 'should add a comment' do
+      subject.should receive(:request).with(:post,
+                                            '',
+                                            hash_including(body: '<p>testasd</p>')).and_yield
+      subject.input.value = 'testasd'
+      expect {
+        subject.find('[action=add]').trigger :click
+      }.to change { subject.input.value }.from('testasd').to(nil)
+    end
+  end
+
+  context 'Clicking on reply' do
+    it 'should focus the textarea' do
+      subject.input.should receive(:focus)
+      subject.find('[action=reply]').trigger :click
+    end
+  end
+
+  context 'Voting up' do
+    let(:item) { comment.find('[action=vote_up]') }
+    it 'should increase the count' do
+      comment.should receive(:request).with(:patch,
+                                            '0',
+                                            hash_including(votes: 1)).and_yield(items[0].merge(votes: 1))
+      expect {
+        item.trigger :click
+      }.to change { item.label.text }.from('0').to('1')
+    end
+  end
+
+  context 'Voting down' do
+    let(:item) { comment.find('[action=vote_down]') }
+    it 'should decrease the count' do
+      comment.should receive(:request).with(:patch,
+                                            '0',
+                                            hash_including(votes: -1)).and_yield(items[0].merge(votes: -1))
+      expect {
+        item.trigger :click
+      }.to change { comment.find('[action=vote_up]').label.text }.from('0').to('-1')
+    end
+  end
+
+  context 'Clicking on remove icon' do
+    it 'should remove the comment' do
+      comment.should receive(:request).with(:delete, '0').and_yield
+      comment.find('[action="confirm_destroy!"]').trigger :click
+    end
+  end
+end

data/spec/examples/todos_spec.rb

@@ -0,0 +1,39 @@
+require 'spec_helper'
+require 'fron-ui/examples/todos/components/todos'
+
+describe Examples::Todos do
+  let(:items) { [{ done: false, id: 1, test: 'Todo Item #1' }] }
+  let(:item) { subject.find('ui-todo-item') }
+
+  before do
+    allow(subject).to receive(:request).with(:get, '').and_yield items
+    subject.refresh
+  end
+
+  it 'should display items' do
+    item.should_not be_nil
+  end
+
+  context 'Clicking on item' do
+    it 'should destroy it' do
+      expect(item).to receive(:request).with(:delete, 1).and_yield
+      item.find('[action="confirm_destroy!"]').trigger :click
+    end
+  end
+
+  context 'Checking an item' do
+    it 'should update it' do
+      expect(item).to receive(:request).with(:patch, 1, done: true).and_yield
+      item.checkbox.trigger :click
+    end
+  end
+
+  context 'Adding an item' do
+    it 'should create it' do
+      data = hash_including text: 'Test', done: false
+      expect(subject).to receive(:request).with(:post, '', data).and_yield
+      subject.header.input.value = 'Test'
+      subject.header.button.trigger :click
+    end
+  end
+end

data/spec/lib/collection_spec.rb

@@ -0,0 +1,38 @@
+require 'spec_helper'
+
+describe Collection do
+  let(:data) { [{ id: 0 }, { id: 1 }] }
+  let(:new_data) { [{ id: 2 }, { id: 0 }, { id: 3 }] }
+
+  before do
+    subject.items = data
+  end
+
+  context 'Initial state' do
+    it 'should create items first time' do
+      subject.children.count.should eq 2
+    end
+
+    it 'should keep order' do
+      subject.items.map { |item| item.data[:id] }.should eq [0, 1]
+    end
+  end
+
+  context 'Updated state' do
+    let(:item1) { subject.items.find { |item| item.data[:id] == 1 } }
+    let(:item0) { subject.items.find { |item| item.data[:id] == 0 } }
+    let(:expectation) { expect { subject.items = new_data } }
+
+    it 'should remove items' do
+      expectation.to change { item1.parent }.to nil
+    end
+
+    it 'should reposition items' do
+      expectation.to change { item0.index }.from(0).to(1)
+    end
+
+    it 'should add new items' do
+      expectation.to change { subject.children.count }.from(2).to(3)
+    end
+  end
+end

data/spec/lib/lorem_spec.rb

@@ -0,0 +1,55 @@
+require 'spec_helper'
+
+describe Lorem do
+  subject { described_class }
+
+  describe '#name' do
+    it 'should return a name' do
+      first, last = subject.name.split(' ')
+      subject::FIRST_NAMES.should include(first)
+      subject::LAST_NAMES.should include(last)
+    end
+  end
+
+  describe '#paragraph' do
+    it 'should return a paragraph' do
+      paragraph = subject.paragraph
+      paragraph.should start_with('<p>')
+      paragraph.should end_with('</p>')
+    end
+  end
+
+  describe '#sentence' do
+    it 'return a sentence' do
+      sentence = subject.sentence((1..1), '?')
+      sentence.should end_with('?')
+      sentence[0].should match(/[A-Z]/)
+    end
+  end
+
+  describe '#sentences' do
+    it 'should call sentence count times' do
+      subject.should receive(:sentence).twice
+      subject.sentences(2)
+    end
+  end
+
+  describe '#paragraphs' do
+    it 'should call paragraph count times' do
+      subject.should receive(:paragraph).twice
+      subject.paragraphs(2)
+    end
+  end
+
+  describe '#avatar' do
+    it 'should return an avatar' do
+      subject.avatar('men', 0).should eq 'https://randomuser.me/api/portraits/men/0.jpg'
+    end
+  end
+
+  describe '#image' do
+    it 'should return an image' do
+      subject.image(100, 100).should eq 'http://lorempixum.com/100/100'
+    end
+  end
+end