railsstrap 3.3.4 → 4.0.0.beta2

data/spec/rails/form/radio_button_helper_spec.rb

@@ -0,0 +1,89 @@
+require 'rails_helper'
+require 'railsstrap/core_ext/rails/form_for_helper'
+include Railsstrap::Rails::Helpers
+
+describe 'radio_button' do
+  let(:protect_against_forgery?) { false }
+  let(:form) { form_for user, layout: layout, errors: errors, url: '/', &block }
+  let(:user) { User.new }
+  let(:errors) { {} }
+  let(:block) { Proc.new {|f| f.radio_button :name, 'Jeremy', options} }
+  let(:options) { {} }
+
+  context 'given any layout' do
+    let(:layout) { :whatever }
+
+    specify 'not given a label option, generates one from the value' do
+      expect(form).to include '> Jeremy</label>'
+    end
+
+    context 'given a label option, uses the provided one' do
+      let(:options) { {label: 'Jerry'} }
+      it { expect(form).to include '> Jerry</label>' }
+    end
+
+    context 'given a label_options option, passes the options to the label' do
+      let(:options) { {label_options: {class: 'col-sm-6', data: {js: 2}}} }
+      it { expect(form).to match %r{<label class="col-sm-6" data-js="2"><input.+? /> Jeremy</label>} }
+    end
+
+    context 'not given a help option, does not display a help box' do
+      it { expect(form).not_to include 'help-block' }
+    end
+
+    context 'given a help option, displays a help box' do
+      let(:options) { {help: 'Please select an option'} }
+      it { expect(form).to include '<span class="help-block text-left">Please select an option</span>' }
+    end
+
+    specify 'not given an error, does not apply has-error to the form group' do
+      expect(form).not_to include 'has-error'
+    end
+
+    context 'given an error' do
+      before { user.errors.add :name, 'cannot be nil' }
+
+      specify 'shows errors and error messages' do
+        expect(form).to include 'has-error'
+        expect(form).to include '<span class="help-block text-left">cannot be nil</span>'
+      end
+    end
+  end
+
+  describe 'given a basic layout' do
+    let(:layout) { :basic }
+    specify 'applies radio to the container, and an inline label' do
+      expect(form).to match %r{<div class="radio"><label><input.+? /> Jeremy</label></div>}
+    end
+  end
+
+  describe 'given a horizontal layout' do
+    let(:layout) { :horizontal }
+    specify 'applies form-group to the outer container, .col-sm-offset-3.col-sm-9 to the field container, radio to the container, and an inline label' do
+      expect(form).to match %r{<div class="form-group"><div class="col-sm-offset-3 col-sm-9"><div class="radio"><label><input.+? /> Jeremy</label></div></div></div>}
+    end
+  end
+
+  describe 'given an inline layout' do
+    let(:layout) { :inline }
+    specify 'applies radio to the container, and an inline label' do
+      expect(form).to match %r{<div class="radio"><label><input.+? /> Jeremy</label></div>}
+    end
+
+    context 'given a help message' do
+      let(:options) { {help: 'Please select an option'} }
+
+      specify 'applies sr-only to the help message' do
+        expect(form).to include '<span class="help-block text-left sr-only">Please select an option</span>'
+      end
+    end
+
+    context 'given an error' do
+      before { user.errors.add :name, 'cannot be nil' }
+
+      specify 'applies sr-only to the error message' do
+        expect(form).to include '<span class="help-block text-left sr-only">cannot be nil</span>'
+      end
+    end
+  end
+end

data/spec/rails/form/select_helper_spec.rb

@@ -0,0 +1,88 @@
+require 'rails_helper'
+require 'railsstrap/core_ext/rails/form_for_helper'
+include Railsstrap::Rails::Helpers
+
+describe 'select' do
+  let(:protect_against_forgery?) { false }
+  let(:form) { form_for user, layout: layout, errors: errors, url: '/', &block }
+  let(:user) { User.new }
+  let(:errors) { {} }
+  let(:block) { Proc.new {|f| f.select :name, [['Jeremy', 1]], options} }
+  let(:options) { {} }
+
+  context 'given any layout' do
+    let(:layout) { :whatever }
+
+    specify 'not given a label option, automatically generates one' do
+      expect(form).to include 'Name</label>'
+    end
+
+    context 'given a label option, uses the provided one' do
+      let(:options) { {label: 'Given name'} }
+      it { expect(form).to include 'Given name</label>' }
+    end
+
+    context 'not given a help option, does not display a help box' do
+      it { expect(form).not_to include 'help-block' }
+    end
+
+    context 'given a help option, displays a help box' do
+      let(:options) { {help: 'Please select an option'} }
+      it { expect(form).to include '<span class="help-block text-left">Please select an option</span>' }
+    end
+
+    specify 'not given an error, does not apply has-error to the form group' do
+      expect(form).not_to include 'has-error'
+    end
+
+    context 'given an error' do
+      before { user.errors.add :name, 'cannot be nil' }
+
+      specify 'shows errors and error messages' do
+        expect(form).to include 'has-error'
+        expect(form).to include '<span class="help-block text-left">cannot be nil</span>'
+      end
+
+      specify 'does not show error icons' do
+        expect(form).not_to include 'has-feedback'
+      end
+    end
+  end
+
+  describe 'given a basic layout' do
+    let(:layout) { :basic }
+    specify 'applies form-group to the container, form-control to the input' do
+      expect(form).to match %r{<div class="form-group"><label.+?>Name</label><select class="form-control"}
+    end
+  end
+
+  describe 'given a horizontal layout' do
+    let(:layout) { :horizontal }
+    specify 'applies form-group to the container, form-control to the input, col-sm-3.control-label to the label and col-sm-9 to the field container' do
+      expect(form).to match %r{<div class="form-group"><label class="col-sm-3 control-label".+?>Name</label><div class="col-sm-9"><select class="form-control"}
+    end
+  end
+
+  describe 'given an inline layout' do
+    let(:layout) { :inline }
+    specify 'applies form-group to the container, form-control to the input, sr-only to the label' do
+      expect(form).to match %r{<div class="form-group"><label class="sr-only".+?>Name</label><select class="form-control"}
+    end
+
+    context 'given a help message' do
+      let(:options) { {help: 'Please select an option'} }
+
+      specify 'applies sr-only to the help message' do
+        expect(form).to include '<span class="help-block text-left sr-only">Please select an option</span>'
+      end
+    end
+
+    context 'given an error' do
+      before { user.errors.add :name, 'cannot be nil' }
+
+      specify 'applies sr-only to the error message' do
+        expect(form).to include '<span class="help-block text-left sr-only">cannot be nil</span>'
+      end
+    end
+  end
+end

data/spec/rails/form/static_control_helper_spec.rb

@@ -0,0 +1,67 @@
+require 'rails_helper'
+require 'railsstrap/core_ext/rails/form_for_helper'
+include Railsstrap::Rails::Helpers
+
+describe 'static_control' do
+  let(:protect_against_forgery?) { false }
+  let(:form) { form_for User.new, layout: layout, url: '/', &block }
+  let(:block) { Proc.new {|f| f.static_control 'user@example.com', options } }
+  let(:options) { {} }
+
+  context 'given any layout' do
+    let(:layout) { :whatever }
+
+    specify 'adds a paragraph with the static control' do
+      expect(form).to include '<div class="form-group"'
+      expect(form).to include '<p class="form-control-static">user@example.com</p>'
+    end
+
+    context 'given a label option, uses the provided one' do
+      let(:options) { {label: 'Email'} }
+      it { expect(form).to include 'Email</label>' }
+    end
+
+    context 'given the text as a block' do
+      let(:block) { Proc.new {|f| f.static_control(label: 'Email') { 'user@example.com' } } }
+
+      specify 'behaves in the same way' do
+        expect(form).to include '<div class="form-group"'
+        expect(form).to include '<p class="form-control-static">user@example.com</p>'
+        expect(form).to include 'Email</label>'
+      end
+    end
+  end
+
+  describe 'given a basic layout and a label' do
+    let(:layout) { :basic }
+    let(:options) { {label: 'Email'} }
+    specify 'uses the provided label' do
+      expect(form).to include '<label>Email</label><p'
+    end
+  end
+
+  describe 'given a horizontal layout' do
+    let(:layout) { :horizontal }
+
+    context 'and a label' do
+      let(:options) { {label: 'Email'} }
+
+      specify 'applies col-sm-9 to the field container and col-sm-3 to the label' do
+        expect(form).to include '<label class="col-sm-3 control-label">Email</label><div class="col-sm-9"><p'
+      end
+    end
+
+    specify 'and no label, applies col-sm-9.col-sm-offset-3 to the field container' do
+      expect(form).to include '<div class="col-sm-9 col-sm-offset-3"><p'
+    end
+  end
+
+  describe 'given an inline layout and a label' do
+    let(:layout) { :inline }
+    let(:options) { {label: 'Email'} }
+
+    specify 'applies sr-only to the label' do
+      expect(form).to include '<label class="sr-only">Email</label>'
+    end
+  end
+end

data/spec/rails/form/submit_helper_spec.rb

@@ -0,0 +1,30 @@
+require 'rails_helper'
+require 'railsstrap/core_ext/rails/form_for_helper'
+include Railsstrap::Rails::Helpers
+
+describe 'submit' do
+  let(:protect_against_forgery?) { false }
+  let(:form) { form_for User.new, layout: layout, url: '/', &block }
+  let(:block) { Proc.new {|f| f.submit 'Save', options} }
+  let(:options) { {} }
+
+  context 'given any layout' do
+    let(:layout) { :whatever }
+
+    specify 'applies .btn.btn-primary to the button' do
+      expect(form).to match %r{input.+? class="btn btn-primary"}
+    end
+
+    context 'given a context option, applies the context class' do
+      let(:options) { {context: :info} }
+      it { expect(form).to match %r{input.+? class="btn btn-info"} }
+    end
+  end
+
+  describe 'given a horizontal layout' do
+    let(:layout) { :horizontal }
+    specify 'applies form-group to the container, col-sm-offset-3.col-sm-9 to the field container' do
+      expect(form).to match %r{<div class="form-group"><div class="col-sm-offset-3 col-sm-9"><input}
+    end
+  end
+end

data/spec/rails/form_for_helper_spec.rb

@@ -0,0 +1,46 @@
+require 'rails_helper'
+require 'railsstrap/core_ext/rails/form_for_helper'
+include Railsstrap::Rails::Helpers
+
+describe 'form_for' do
+  let(:railsstrap) { RailsView.new }
+  let(:protect_against_forgery?) { false }
+  attr_accessor :output_buffer
+  let(:form) { form_for(:object, options.merge(url: '/')) {} }
+  let(:options) { {} }
+
+  specify 'wrapped in navbar, applies Bootstrap attributes of a navbar form' do
+    railsstrap.navbar { expect(form).to include 'role="form"' }
+    railsstrap.navbar { expect(form).to include 'class="navbar-form"' }
+  end
+
+  specify 'wrapped in nav, surrounds the form in a <li> item' do
+    railsstrap.nav { expect(form).to match %r{^<li><form.+?</form></li>$} }
+  end
+
+  describe 'with layout: :horizontal' do
+    let(:options) { {layout: :horizontal} }
+
+    specify 'applies Bootstrap attributes of an horizontal form' do
+      expect(form).to include 'role="form"'
+      expect(form).to include 'class="form-horizontal"'
+    end
+  end
+
+  describe 'with layout: :inline' do
+    let(:options) { {layout: :inline} }
+
+    specify 'applies Bootstrap attributes of an inline form' do
+      expect(form).to include 'role="form"'
+      expect(form).to include 'class="form-inline"'
+    end
+  end
+
+  describe 'with any other value for :layout' do
+    let(:options) { {layout: :basic} }
+
+    specify 'applies Bootstrap attributes of a basic form' do
+      expect(form).to include 'role="form"'
+    end
+  end
+end

data/spec/rails/link_to_helper.rb

@@ -0,0 +1,12 @@
+shared_examples_for 'the link_to helper (Rails)' do
+  all_tests_pass_with 'no link_to caption (Rails)'
+end
+
+#--
+
+shared_examples_for 'no link_to caption (Rails)' do
+  specify 'uses the original link_to helper which sets the link to the caption' do
+    html = '<a href="/">/</a>'
+    expect(link_to: :nil_name).to generate html
+  end
+end

data/spec/rails_helper.rb

@@ -0,0 +1,24 @@
+require 'spec_helper'
+
+class User
+  require 'active_model'
+
+  include ActiveModel::Validations
+  include ActiveModel::Conversion
+  extend ActiveModel::Naming
+
+  attr_accessor :name
+
+  def initialize(attributes = {})
+    @name = attributes[:name]
+  end
+
+  def persisted?
+    false
+  end
+end
+
+require 'action_view'
+include ActionView::Helpers::FormOptionsHelper
+include defined?(ActionView::VERSION) ? ActionView::RecordIdentifier : ActionController::RecordIdentifier
+I18n.enforce_available_locales = true

data/spec/rails_spec.rb

@@ -0,0 +1,33 @@
+require 'spec_helper'
+Dir['./spec/rails/*_helper.rb'].each {|f| require f}
+
+describe 'When used in Rails' do
+  let(:railsstrap) { RailsView.new }
+  before { Railsstrap.framework = :rails }
+
+  all_tests_pass_for 'the alert_box helper'
+  all_tests_pass_for 'the badge helper'
+  # all_tests_pass_for 'the breadcrumb helper'
+  all_tests_pass_for 'the aside helper'
+  all_tests_pass_for 'the bootstrap_css helper'
+  all_tests_pass_for 'the bootstrap_js helper'
+  all_tests_pass_for 'the bootstrap_theme_css helper'
+  all_tests_pass_for 'the button helper'
+  all_tests_pass_for 'the button group helper'
+  all_tests_pass_for 'the dropdown helper'
+  all_tests_pass_for 'the font_awesome_css helper'
+  all_tests_pass_for 'the glyphicon helper'
+  all_tests_pass_for 'the horizontal helper'
+  all_tests_pass_for 'the icon helper'
+  all_tests_pass_for 'the modal helper'
+  all_tests_pass_for 'the nav helper'
+  all_tests_pass_for 'the navbar helper'
+  all_tests_pass_for 'the card helper'
+  all_tests_pass_for 'the card_group helper'
+  all_tests_pass_for 'the progress_bar helper'
+  all_tests_pass_for 'the vertical helper'
+
+  all_tests_pass_for 'the button_to helper (Rails)'
+  all_tests_pass_for 'the link_to helper (Rails)'
+  all_tests_pass_for 'the link_to helper'
+end

data/spec/shared/alert_box_helper.rb

@@ -0,0 +1,74 @@
+shared_examples_for 'the alert_box helper' do
+  all_tests_pass_with 'no alert options'
+  all_tests_pass_with 'extra alert options'
+  all_tests_pass_with 'the :variant alert option'
+  all_tests_pass_with 'the :dismissible alert option'
+  all_tests_pass_with 'the :priority alert option'
+  all_tests_pass_with 'the :size alert option'
+end
+
+#--
+
+shared_examples_for 'no alert options' do
+  specify 'sets the role and the class to "alert"' do
+    html = '<div class="alert alert-info" role="alert">content</div>'
+    expect(:alert_box).to generate html
+  end
+end
+
+shared_examples_for 'extra alert options' do
+  specify 'passes the options to the wrapping <div>' do
+    options = {class: 'important', data: {value: 1}, id: 'my-alert'}
+    html = '<div class="important alert alert-info" data-value="1" id="my-alert" role="alert">content</div>'
+    expect(alert_box: options).to generate html
+  end
+end
+
+shared_examples_for 'the :variant alert option' do
+  Railsstrap::AlertBox.variants.each do |variant, variant_class|
+    specify %Q{set to :#{variant}, adds the class "#{variant_class}"} do
+      html = %Q{<div class="alert #{variant_class}" role="alert">content</div>}
+      expect(alert_box: {variant: variant.to_s}).to generate html
+    end
+  end
+end
+
+shared_examples_for 'the :dismissible alert option' do
+  specify 'set to false, does not display a button to dismiss the alert' do
+    html = '<div class="alert alert-info" role="alert">content</div>'
+    expect(alert_box: {dismissible: false}).to generate html
+  end
+
+  specify 'set to true, displays a button to dismiss the alert' do
+    html = %r{.*(class="close").*(dismiss="alert")}
+    expect(alert_box: {dismissible: true}).to generate html
+  end
+end
+
+shared_examples_for 'the :priority alert option' do
+  specify 'set, displays a button to dismiss the alert' do
+    html = %r{.*(class="close").*(dismiss="alert")}
+    expect(alert_box: {priority: :anything}).to generate html
+  end
+
+  specify 'set to :notice, adds the class "alert-success"' do
+    html = %r{<div class="alert alert-success" role="alert">}
+    expect(alert_box: {priority: :notice}).to generate html
+  end
+
+  specify 'set to :alert, adds the class "alert-danger"' do
+    html = %r{<div class="alert alert-danger" role="alert">}
+    expect(alert_box: {priority: :alert}).to generate html
+  end
+end
+
+shared_examples_for 'the :size alert option' do
+  specify 'sets a :lg styled alert' do
+    html = %r{.*class.*alert-lg.*}
+    expect(alert_box: {size: :lg, variant: :success}).to generate html
+    end
+  specify 'sets a :sm styled alert' do
+    html = %r{.*class.*alert-sm.*}
+    expect(alert_box: {size: :sm, variant: :success}).to generate html
+  end
+end