bootstrap_it 0.1.0

data/spec/view_helpers/button_spec.rb

@@ -0,0 +1,169 @@
+require 'spec_helper'
+
+describe BootstrapIt::ViewHelpers::Button do
+  it { expect(helper).to render_with 'button.btn.btn-default[@type="button"]' }
+
+  it 'allows `submit` type' do
+    expect(helper type: 'submit').to render_with(
+      'button.btn.btn-default[@type="submit"]'
+    )
+  end
+
+  it 'allows `a` tag' do
+    expect(helper tag: :a).to render_with 'a.btn.btn-default[@role="button"]'
+  end
+
+  it 'allows `input` tag' do
+    expect(helper tag: :input).to render_with(
+      'input.btn.btn-default[@type="button"]'
+    )
+  end
+
+  it 'allows `input` with `submit` type' do
+    expect(helper tag: :input, type: :submit).to render_with(
+      'input.btn.btn-default[@type="submit"]'
+    )
+  end
+
+  it 'changes custom tags to `button`' do
+    expect(helper tag: :p).to render_with 'button.btn.btn-default'
+  end
+
+  # method returns safety
+  it { expect(helper).to have_safe_method :icon }
+
+  # behaviour
+  it { expect(helper).to be_kind_of BootstrapIt::ViewHelpers::Activable }
+  it { expect(helper).to be_kind_of BootstrapIt::ViewHelpers::Disableable }
+  it { expect(helper).to be_kind_of BootstrapIt::ViewHelpers::Sizable }
+  it { expect(helper).to be_kind_of WrapIt::TextContainer }
+
+  # appearence
+  it { expect(helper).to have_enum :appearence }
+
+  # icons
+  it 'renders icon throw options' do
+    expect(helper icon: :bell).to render_with(
+      'button.btn.btn-default > i.fa.fa-bell'
+    )
+  end
+
+  it 'renders icon with helper' do
+    expect(helper { |b| b.icon :star }).to render_with(
+      'button.btn.btn-default > i.fa.fa-star'
+    )
+  end
+
+  # block
+  it { expect(helper).to have_flag(:block).with(html_class: ['btn-block']) }
+
+  # radios
+  it 'renders radio' do
+    expect(helper(
+      'text',
+      name: 'group-name',
+      id: 'option1',
+      value: 'v1',
+      class: 'someclass',
+      helper_name: 'radio'
+    )).to render_with(
+      'label.btn.btn-default.someclass[text()="text"][@label_for="option1"]' \
+      ' > input[@type="radio"][@name="group-name"][@id="option1"]' \
+      '[@value="v1"]'
+    )
+  end
+
+  # checkboxes
+  it 'renders chackbox' do
+    expect(helper(
+      'text',
+      name: 'group-name',
+      id: 'option1',
+      value: 'v1',
+      class: 'someclass',
+      helper_name: 'checkbox'
+    )).to render_with(
+      'label.btn.btn-default.someclass[text()="text"] >' \
+      ' input[@type="checkbox"][@name="group-name"]' \
+      '[@id="option1"][@value="v1"]'
+    )
+  end
+
+  # toggling
+  it { expect(helper).to have_flag :toggle }
+  it { expect(helper :toggle).to render_with 'button[@data-toggle="button"]' }
+
+  # state text
+  it 'extracts state text from options' do
+    expect(helper loading_text: 'text').to render_with(
+      'button[@data-loading-text="text"]'
+    )
+  end
+
+  # options cleaning
+  it 'removes button-specific options' do
+    expect(helper(
+      icon: :bell,
+      block: true,
+      toggle: false,
+      some_text: false
+    )).to_not have_option :icon, :block, :toggle, :some_text
+  end
+
+  # class constants
+  it { expect(described_class.html_class_prefix).to eq 'btn-' }
+end
+
+describe BootstrapIt::ViewHelpers::DropdownButton do
+  # behaviour
+  it 'subclassed from DropdownMenuWrapper' do
+    expect(helper).to be_kind_of BootstrapIt::ViewHelpers::DropdownMenuWrapper
+  end
+
+  # dropdown
+  it 'renders dropdown toggle' do
+    expect(helper('action text') { |b| b.divider }).to render_with(
+      'div.btn-group > button.dropdown-toggle[@data-toggle="dropdown"]' \
+      '[text()="action text"] > span.caret'
+    )
+  end
+
+  it 'renders dropdown menu' do
+    expect(helper('action text') { |b| b.divider }).to render_with(
+      'div.btn-group > button + ul.dropdown-menu > li.divider'
+    )
+  end
+  # splitted dropdown
+  it { expect(helper).to have_flag :splitted }
+
+  it 'renders splitted toggle button' do
+    expect(
+      helper(:splitted, :danger, 'action') { |b| b.divider }
+    ).to render_with 'div.btn-group > button.btn-danger[text()="action"]'
+  end
+
+  it 'renders spliited toggle' do
+    expect(
+      helper(:splitted, :danger, 'action') { |b| b.divider }
+    ).to render_with(
+      'div.btn-group' \
+      ' > button.btn-danger.dropdown-toggle[@data-toggle="dropdown"]' \
+      ' > span.caret'
+    )
+  end
+
+  it 'renders splitted dropdown menu' do
+    expect(
+      helper(:splitted, :danger, 'action') { |b| b.divider }
+    ).to render_with 'div.btn-group > ul.dropdown-menu > li.divider'
+  end
+
+  # dropup
+  it { expect(helper).to have_flag :dropup }
+
+  it 'renders dropup' do
+    expect(
+      helper(:dropup) { |b| b.divider }
+    ).to render_with 'div.btn-group.dropup'
+  end
+end

data/spec/view_helpers/button_toolbar_spec.rb

@@ -0,0 +1,14 @@
+require 'spec_helper'
+
+describe BootstrapIt::ViewHelpers::ButtonToolbar do
+  it { expect(helper).to render_with 'div.btn-toolbar[@role="toolbar"]' }
+
+  it 'reders button group' do
+    expect(
+      helper { |h| h.button_group { |g| g.button 'test' } }
+    ).to render_with(
+      'div.btn-toolbar > div.btn-group' \
+      ' > button.btn.btn-default[text()="test"]'
+    )
+  end
+end

data/spec/view_helpers/dropdown_menu_spec.rb

@@ -0,0 +1,41 @@
+require 'spec_helper'
+
+describe BootstrapIt::ViewHelpers::DropdownMenu do
+  it { expect(helper).to render_with 'ul.dropdown-menu[@role="menu"]' }
+
+  it 'reders devider' do
+    expect(helper { |h| h.divider }).to render_with(
+      'ul > li.divider[@role="presentation"]'
+    )
+  end
+
+  it 'renders header' do
+    expect(helper { |h| h.header 'test' }).to render_with(
+      'ul > li.dropdown-header[@role="presentation"]'
+    )
+  end
+
+  it 'renders link item' do
+    expect(helper { |h| h.link_item 'test', 'http://url' }).to render_with(
+      'ul > li[@role="presentation"]' \
+      ' > a[@href="http://url"][@role="menuitem"][@tabindex="-1"]'
+    )
+  end
+
+  it 'renders disabled link item' do
+    expect(
+      helper { |h| h.link_item 'test', :disabled, 'http://url' }
+    ).to render_with(
+      'ul > li.disabled[@role="presentation"]' \
+      ' > a[@href="http://url"][@role="menuitem"][@tabindex="-1"]'
+    )
+  end
+
+  it 'supports right-align' do
+    expect(helper align: :right).to render_with 'ul.dropdown-menu.pull-right'
+  end
+
+  # options cleaning
+  it { expect(helper align: 'right').to_not have_option :align }
+  it { expect(helper align: :none).to_not have_option :align }
+end

data/spec/view_helpers/form_spec.rb

@@ -0,0 +1,27 @@
+require 'spec_helper'
+
+describe BootstrapIt::ViewHelpers::Input do
+  it { expect(helper).to render_with 'input.form-control[@type="text"]' }
+
+  it 'accepts valid input types' do
+    expect(helper type: 'password').to render_with(
+      'input.form-control[@type="password"]'
+    )
+  end
+
+  it 'accepts string arguments as values' do
+    expect(helper {'10'}).to render_with 'input.form-control[@value="10"]'
+  end
+end
+
+describe BootstrapIt::ViewHelpers::Form do
+  it { expect(helper).to render_with 'form[@role="form"]' }
+
+  # kind
+  it 'has `kind` enum' do
+    expect(helper).to have_enum(:kind).with(
+      html_class_prefix: 'form-',
+      values: [:inline, :horizontal]
+    )
+  end
+end

data/spec/view_helpers/grid_spec.rb

@@ -0,0 +1,47 @@
+require 'spec_helper'
+
+describe BootstrapIt::ViewHelpers::Grid do
+  it { expect(helper).to render_with 'div.container' }
+
+  it 'renders child rows' do
+    expect(BootstrapIt::ViewHelpers::GridRow).to receive(:new).and_call_original
+    helper.row
+  end
+end
+
+describe BootstrapIt::ViewHelpers::GridRow do
+  it { expect(helper).to render_with 'div.row' }
+
+  it 'renders child cells' do
+    expect(BootstrapIt::ViewHelpers::GridCell).to receive(:new).and_call_original
+    helper.cell
+  end
+
+  it 'renders clearfix' do
+    expect(helper { |h| h.clear }).to render_with(
+      'div.row > div.clearfix.visible-md'
+    )
+  end
+
+  it 'renders clearfix with custom attributes' do
+    expect(helper { |h| h.clear :hidden_large }).to render_with(
+      'div.row > div.clearfix.hidden-lg'
+    )
+  end
+
+  # method returns safety
+  it { expect(helper).to have_safe_method :clear }
+end
+
+describe BootstrapIt::ViewHelpers::GridCell do
+  it { expect(helper).to render_with 'div.col-md-3' }
+
+  it 'renders child rows' do
+    expect(BootstrapIt::ViewHelpers::GridRow).to receive(:new).and_call_original
+    helper.row
+  end
+
+  # behaviour
+  it { expect(helper).to be_kind_of BootstrapIt::ViewHelpers::SizableColumn }
+  it { expect(helper).to be_kind_of BootstrapIt::ViewHelpers::PlacableColumn }
+end

data/spec/view_helpers/icon_spec.rb

@@ -0,0 +1,6 @@
+require 'spec_helper'
+
+describe BootstrapIt::ViewHelpers::Icon do
+  it { expect(helper).to render_with 'i.fa-asterisk' }
+  it { expect(helper :bell).to render_with 'i.fa-bell' }
+end

data/spec/view_helpers/list_spec.rb

@@ -0,0 +1,50 @@
+require 'spec_helper'
+
+describe BootstrapIt::ViewHelpers::ListItem do
+  it { expect(helper).to render_with 'li' }
+  it { expect(helper).to be_kind_of BootstrapIt::ViewHelpers::Disableable }
+  it { expect(helper).to be_kind_of WrapIt::TextContainer }
+end
+
+describe BootstrapIt::ViewHelpers::ListLinkItem do
+  it { expect(helper).to be_kind_of WrapIt::Link }
+
+  it { expect(helper).to render_with 'li > a' }
+
+  it 'passes `li` or `li_options` as options to li' do
+    %i(li li_options).each do |key|
+      @helper = nil
+      expect(helper(key => {class: 'list'})).to render_with 'li.list > a'
+    end
+  end
+
+  it 'passes `li_*` options to li' do
+    expect(helper(li_class: 'list')).to render_with 'li.list > a'
+  end
+
+  it 'passes `li_*` arguments to li' do
+    expect(helper(:li_active)).to render_with 'li.active > a'
+  end
+
+  it 'passes `active` and `disable` arguments to li' do
+    %i(active disabled disable).each do |key|
+      @helper = nil
+      html_class = key == :disable ? :disabled : key
+      expect(helper(key)).to render_with "li.#{html_class} > a"
+    end
+  end
+
+  it 'passes `active` and `disable` options to li' do
+    %i(active disabled disable).each do |key|
+      @helper = nil
+      html_class = key == :disable ? :disabled : key
+      expect(helper(key => true)).to render_with "li.#{html_class} > a"
+    end
+  end
+
+  it 'keeps not related to list optioins and arguments' do
+    expect(
+      helper('text', 'url', li_class: 'list', class: 'link')
+    ).to render_with 'li.list > a.link[@href="url"][text()="text"]'
+  end
+end

data/spec/view_helpers/misc_spec.rb

@@ -0,0 +1,117 @@
+require 'spec_helper'
+
+describe BootstrapIt::ViewHelpers::Jumbotron do
+  it { expect(helper).to render_with 'div.jumbotron' }
+
+  # full_width
+  it { expect(helper).to have_flag :full_width }
+  it 'makes full width jumbotron' do
+    expect(helper :full_width).to render_with 'div.jumbotron > div.container'
+  end
+end
+
+describe BootstrapIt::ViewHelpers::PageHeader do
+  it { expect(helper).to render_with 'div.page-header' }
+end
+
+describe BootstrapIt::ViewHelpers::Alert do
+  it { expect(helper).to render_with 'div.alert.alert-success' }
+
+  # behaviour
+  it { expect(helper).to be_kind_of WrapIt::TextContainer }
+
+  # appearence
+  it 'has appearence enum' do
+    expect(helper).to have_enum(:appearence).with(
+      values: %i(success info warning danger),
+      default: :success,
+      html_class_prefix: 'alert-'
+    )
+  end
+
+  # dismissable
+  it 'has dismissable switch' do
+    expect(helper).to have_flag(:dismissable)
+      .with(html_class: ['alert-dismissable'])
+  end
+  it 'renders dismissable alert with button' do
+    expect(helper(:dismissable, 'Some text')).to render_with(
+      'div.alert.alert-success.alert-dismissable[text()="Some text"]' \
+      ' > button.close[@type="button"][@data-dismiss="alert"]' \
+      '[@aria-hidden="true"]'
+    )
+  end
+
+  # links
+  it 'renders link with alert-link class' do
+    expect(helper { |h| h.link 'test', 'url' }).to render_with(
+      'div.alert.alert-success' \
+      ' > a.alert-link[@href="url"][text()="test"]'
+    )
+  end
+
+  it { expect(helper.class.html_class_prefix).to eq 'alert-' }
+end
+
+describe BootstrapIt::ViewHelpers::ProgressBar do
+  it 'renders with all needed atrributes' do
+    expect(helper).to render_with(
+      'div.progress-bar[@role="progressbar"][@aria-valuenow="0"]' \
+      '[@aria-valuemin="0"][@aria-valuemax="100"][@style="width: 0%"]' \
+      ' > span.sr-only[text()="0% Complete"]'
+    )
+  end
+
+  # custom text
+  it 'renders with custom text' do
+    expect(helper('custom text')).to render_with(
+      'div.progress-bar > span.sr-only[text()="custom text"]'
+    )
+  end
+
+  # complete
+  it 'accepts integer arguments as complete percents' do
+    expect(helper(60)).to render_with(
+      'div.progress-bar[@aria-valuenow="60"][@style="width: 60%"]' \
+      ' > span.sr-only[text()="60% Complete"]'
+    )
+  end
+
+  # behaviour
+  it { expect(helper).to be_kind_of WrapIt::TextContainer }
+
+  # appearence
+  it 'has appearence enum' do
+    expect(helper).to have_enum(:appearence).with(
+      values: %i(success info warning danger),
+      html_class_prefix: 'progress-bar-'
+    )
+  end
+end
+
+describe BootstrapIt::ViewHelpers::Progress do
+  it 'renders with all needed atrributes' do
+    expect(helper).to render_with(
+      'div.progress > div.progress-bar[@role="progressbar"]' \
+      '[@aria-valuenow="0"][@aria-valuemin="0"][@aria-valuemax="100"]' \
+      '[@style="width: 0%"] > span.sr-only[text()="0% Complete"]'
+    )
+  end
+
+  # behaviour
+  it { expect(helper).to be_kind_of BootstrapIt::ViewHelpers::Activable }
+
+  # striped
+  it 'has striped switch' do
+    expect(helper).to have_flag(:striped)
+      .with(html_class: ['progress-striped'])
+  end
+
+  # second bar
+  it 'renders second bar' do
+    expect(helper(10) { |h| h.bar 30 }).to render_with(
+      'div.progress > div.progress-bar[@aria-valuenow="10"]' \
+      ' + div.progress-bar[@aria-valuenow="30"]'
+    )
+  end
+end