ext_form 0.1.4

data/spec/ext_form_spec.rb

@@ -0,0 +1,12 @@
+require 'spec_helper'
+
+describe 'ext_form spec:' do
+  it 'setup successfully' do
+    ExtForm.setup do |e|
+      e.should eq(ExtForm)
+      e.layout = 'BootstrapLayout'
+    end
+
+    ExtForm.layout.should eq('BootstrapLayout')
+  end
+end

data/spec/factories/order_header_factory.rb

@@ -0,0 +1,22 @@
+FactoryGirl.define do
+  sequence :num do |n|
+    "OO#{n}"
+  end
+
+  factory :order_header do
+    order_number { generate(:num) }
+    customer_name { "cust_#{generate(:num)}" }
+  end
+
+  factory :order_line do
+    item_name 'test item'
+    quantity 100
+    price 10
+  end
+
+  factory :shipment do
+    shipping_date { Time.now }
+    shipping_quantity 1
+  end
+
+end

data/spec/helpers/dt_picker_spec.rb

@@ -0,0 +1,66 @@
+require 'spec_helper'
+require 'action_view'
+
+describe 'dt_picker spec:' do
+
+  before do
+    ExtForm.setup do |e|
+      e.layout = 'BootstrapLayout'
+      e.default_wrapper = :ext_bootstrap
+      e.default_layout = {
+          layout: '1:1',
+          spacing: '1',
+          label_width: '2',
+          max_width: '12'
+      }
+    end
+  end
+
+  let(:order_header) { FactoryGirl.create(:order_header) }
+
+  context 'date options' do
+
+    subject {
+      helper.ext_form_for(order_header) do |f|
+        f.input :order_date
+      end
+    }
+
+    it 'order_date should render date_picker' do
+      expect(subject).to match /<input.*data-format="yyyy-MM-dd" data-language="zh-CN" data-pick-time="false"/
+      expect(subject).to match /<span class="add-on"><i data-date-icon="icon-calendar" data-time-icon="icon-time"/
+    end
+
+  end
+
+  context 'time options' do
+
+    subject {
+      helper.ext_form_for(order_header) do |f|
+        f.input :order_number, as: :time_picker, input_html: {data: {start_date: '2012-2-2', end_date: '2012-3-3'}}
+      end
+    }
+
+    it 'order_date should render time_picker' do
+      expect(subject).to match /<input.*data-format="hh:mm:ss" data-language="zh-CN" data-pick-date="false"/
+      expect(subject).to match /data-start-date="2012-2-2"/
+      expect(subject).to match /data-end-date="2012-3-3"/
+    end
+
+  end
+
+  context 'datetime options' do
+
+    subject {
+      helper.ext_form_for(order_header) do |f|
+        f.input :order_number, as: :dt_picker
+      end
+    }
+
+    it 'order_date should render dt_picker' do
+      expect(subject).to match /<input.*data-format="yyyy-MM-dd hh:mm:ss" data-language="zh-CN"/
+    end
+
+  end
+
+end

data/spec/helpers/dt_picker_tag_spec.rb

@@ -0,0 +1,65 @@
+require 'spec_helper'
+require 'action_view'
+
+describe 'dt_picker_tag spec:' do
+
+  before do
+    ExtForm.setup do |e|
+      e.layout = 'BootstrapLayout'
+      e.default_wrapper = :ext_bootstrap
+      e.default_layout = {
+          layout: '1:1',
+          spacing: '1',
+          label_width: '2',
+          max_width: '12'
+      }
+    end
+  end
+
+  let(:order_header) { FactoryGirl.create(:order_header) }
+
+  context 'date options' do
+
+    subject {
+      helper.dt_picker_tag('test', '2013-3-3', data: {pick_time: false, format: 'yyyy-MM-dd', language: 'zh-CN'})
+    }
+
+    it 'order_date should render date_picker' do
+      expect(subject).to match /<input.*data-format="yyyy-MM-dd" data-language="zh-CN" data-pick-time="false"/
+      expect(subject).to match /<span class="add-on"><i data-date-icon="icon-calendar" data-time-icon="icon-time"/
+    end
+
+  end
+
+  context 'time options' do
+
+    subject {
+      helper.dt_picker_tag('test', '2013-3-3',
+                           data: {pick_date: false,
+                                  format: 'hh:mm:ss',
+                                  language: 'zh-CN',
+                                  start_date: '2012-2-2',
+                                  end_date: '2012-3-3'})
+    }
+
+    it 'order_date should render time_picker' do
+      expect(subject).to match /<input.*data-format="hh:mm:ss" data-language="zh-CN" data-pick-date="false"/
+      expect(subject).to match /data-start-date="2012-2-2"/
+      expect(subject).to match /data-end-date="2012-3-3"/
+    end
+
+  end
+
+  context 'datetime options' do
+
+    subject {
+      helper.dt_picker_tag('test', '2013-3-3', data: {format: 'yyyy-MM-dd hh:mm:ss', language: 'zh-CN'})
+    }
+
+    it 'order_date should render dt_picker' do
+      expect(subject).to match /<input.*data-format="yyyy-MM-dd hh:mm:ss" data-language="zh-CN"/
+    end
+
+  end
+
+end

data/spec/helpers/form_helper_bs_spec.rb

@@ -0,0 +1,102 @@
+require 'spec_helper'
+require 'action_view'
+
+describe 'form_helper_bs spec:' do
+
+  before do
+    ExtForm.setup do |e|
+      e.layout = 'BootstrapLayout'
+      e.default_wrapper = :ext_bootstrap
+      e.default_layout = {
+          layout: '1:1',
+          spacing: '1',
+          label_width: '2',
+          max_width: '12'
+      }
+    end
+  end
+
+  let(:order_header) { FactoryGirl.create(:order_header) }
+
+  context 'no options' do
+
+    subject {
+      helper.ext_form_for(order_header) do |f|
+        f.input :order_number
+      end
+    }
+
+    it 'ext_form_for should render all-inputs' do
+      expect(subject).to match /<div class="left-spacing span1">/
+      expect(subject).to match /<div class="all-inputs span10">/
+      expect(subject).to match /<div class="right-spacing span1">/
+
+      expect(subject).to match /<div class="span2"><label/
+      expect(subject).to match /<div class="span3"><input class="span3/
+    end
+
+  end
+
+  context 'correct options' do
+
+    subject {
+      helper.ext_form_for(order_header, l: bs_correct_options) do |f|
+        f.input :order_number
+      end
+    }
+
+    it 'ext_form_for should render all-inputs' do
+      expect(subject).not_to match /<div class="left-spacing span0">/
+      expect(subject).to match /<div class="all-inputs span12">/
+      expect(subject).not_to match /<div class="right-spacing span0">/
+
+      expect(subject).to match /<div class="span1"><label/
+      expect(subject).to match /<div class="span3"><input class="span3/
+    end
+
+  end
+
+  context 'error options' do
+
+    subject {
+      helper.ext_form_for(order_header, l: bs_error_options) do |f|
+        f.input :order_number
+      end
+    }
+
+    it 'ext_form_for should render all-inputs' do
+      expect(subject).to match /<div class="left-spacing span1">/
+      expect(subject).to match /<div class="all-inputs span10">/
+      expect(subject).to match /<div class="right-spacing span1">/
+
+      expect(subject).to match /<div class="span2"><label/
+      expect(subject).to match /<div class="span3"><input class="span3/
+    end
+
+  end
+
+  context 'swap layout' do
+
+    subject {
+      helper.ext_form_for(order_header, l: error_options) do |f|
+        [f.input(:order_number),
+         f.input(:customer_name),
+
+         f.inputs('1') do |ff|
+
+           [ff.input(:customer_name),
+            ff.input(:customer_name)].join.html_safe
+         end,
+
+         f.input(:order_number),
+         f.input(:customer_name)].join.html_safe
+      end
+    }
+
+    it 'ext_form_for and swap_layout should render all-inputs correctly' do
+      expect(subject).to match /<div class="span3"><input class="span3/
+      expect(subject).to match /<div class="span8"><input class="span8/
+    end
+  end
+
+end

data/spec/helpers/form_helper_spec.rb

@@ -0,0 +1,109 @@
+require 'spec_helper'
+require 'action_view'
+
+describe 'form_helper spec:' do
+
+  before do
+    ExtForm.setup do |e|
+      e.layout = 'DefaultLayout'
+      e.default_wrapper = :ext
+      e.default_layout = {
+          layout: '1:1',
+          spacing: '10',
+          label_width: '15',
+          max_width: '100',
+          measure: '%'
+      }
+    end
+  end
+
+  let(:order_header) { FactoryGirl.create(:order_header) }
+
+  context 'no options' do
+
+    subject {
+      helper.ext_form_for(order_header) do |f|
+        f.input :order_number
+      end
+    }
+
+    it 'ext_form_for should render all-inputs' do
+      expect(subject).to match /<div class="all-inputs" style="padding-left: 10%; padding-right: 10%; width: 80\.0%;">/
+      expect(subject).to match /<div style="width: 15%; float: left;"><label/
+      expect(subject).to match /<div style="width: 25\.0%; float: left;"><input class="input-with-layout/
+    end
+
+  end
+
+  context 'percentage options' do
+
+    subject {
+      helper.ext_form_for(order_header, l: percentage_options) do |f|
+        f.input :order_number
+      end
+    }
+
+    it 'ext_form_for should render all-inputs' do
+      expect(subject).to match /<div class="all-inputs" style="padding-left: 5%; padding-right: 5%; width: 90\.0%;">/
+      expect(subject).to match /<div style="width: 5%; float: left;"><label/
+      expect(subject).to match /<div style="width: 25\.0%; float: left;"><input class="input-with-layout/
+    end
+
+  end
+
+  context 'px options' do
+
+    subject {
+      helper.ext_form_for(order_header, l: px_options) do |f|
+        f.input :order_number
+      end
+    }
+
+    it 'ext_form_for should render all-inputs' do
+      expect(subject).to match /<div class="all-inputs" style="padding-left: 30px; padding-right: 30px; width: 840\.0px;">/
+      expect(subject).to match /<div style="width: 160px; float: left;"><label/
+      expect(subject).to match /<div style="width: 120\.0px; float: left;"><input class="input-with-layout/
+    end
+
+  end
+
+  context 'error options' do
+
+    subject {
+      helper.ext_form_for(order_header, l: error_options) do |f|
+        f.input :order_number
+      end
+    }
+
+    it 'ext_form_for should render all-inputs' do
+      expect(subject).to match /<div class="all-inputs" style="padding-left: 10%; padding-right: 10%; width: 80\.0%;">/
+      expect(subject).to match /<div style="width: 15%; float: left;"><label/
+      expect(subject).to match /<div style="width: 25\.0%; float: left;"><input class="input-with-layout/
+    end
+
+  end
+
+  context 'swap layout' do
+
+    subject {
+      helper.ext_form_for(order_header, l: error_options) do |f|
+        [f.input(:order_number),
+         f.input(:customer_name),
+
+         f.inputs('1') do |ff|
+
+           [ff.input(:customer_name),
+            ff.input(:customer_name)].join.html_safe
+         end,
+
+         f.input(:order_number),
+         f.input(:customer_name)].join.html_safe
+      end
+    }
+
+    it 'ext_form_for and swap_layout should render all-inputs correctly' do
+      expect(subject).to match /<div style="width: 25\.0%; float: left;"><input class="input-with-layout/
+      expect(subject).to match /<div style="width: 65\.0%; float: left;"><input class="input-with-layout/
+    end
+  end
+end

data/spec/spec_helper.rb

@@ -0,0 +1,15 @@
+ENV['RAILS_ENV'] ||= 'test'
+require File.expand_path("../dummy/config/environment.rb", __FILE__)
+require 'rspec/rails'
+require 'rspec/autorun'
+require 'factory_girl_rails'
+Rails.backtrace_cleaner.remove_silencers!
+# Load support files
+Dir["#{File.dirname(__FILE__)}/support/**/*.rb"].each { |f| require f }
+RSpec.configure do |config|
+  config.mock_with :rspec
+  config.use_transactional_fixtures = true
+  config.infer_base_class_for_anonymous_controllers = false
+  config.order = "random"
+  config.include FormHelper
+end

data/spec/support/form_helper.rb

@@ -0,0 +1,21 @@
+module FormHelper
+  def percentage_options
+    {spacing: '5', layout: '1:1:1', label_width: '5', max_width: '100', measure: '%'}
+  end
+
+  def px_options
+    {spacing: '30', layout: '1:1:1', label_width: '160', max_width: '900', measure: 'px'}
+  end
+
+  def error_options
+    {spacing: '30t', layout: '1:1:1:1', label_width: '160per', max_width: '980px', measure: 'no'}
+  end
+
+  def bs_correct_options
+    {spacing: '0', layout: '1:1:1', label_width: '1', max_width: '12'}
+  end
+
+  def bs_error_options
+    {spacing: '30t', layout: '1:1:1:1', label_width: '13', max_width: '15'}
+  end
+end