bootstrap_it 0.1.0

data/spec/view_helpers/mixin_spec.rb

@@ -0,0 +1,177 @@
+require 'spec_helper'
+
+# @TODO: dropdownwrapper testing
+
+describe BootstrapIt::ViewHelpers::Contextual do
+  it {expect(wrapper).to have_enum :state}
+  it 'sets state class' do
+    %i(active success warning danger).each do |state|
+      @wrapper = nil
+      expect(wrapper state).to render_with "div.#{state}"
+      @wrapper = nil
+      expect(wrapper state: state).to render_with "div.#{state}"
+    end
+  end
+end
+
+describe BootstrapIt::ViewHelpers::SizableColumn do
+  # column_size_defined?
+  it { expect(wrapper.column_size_defined?).to be_false }
+  it 'detects if size defined' do
+    %i(xs2 sm2 md2 lg2).each do |c|
+      @wrapper = nil
+      expect(wrapper(c).column_size_defined?).to be_true
+    end
+  end
+
+  it 'sanitize extra small classes' do
+    %i(col_xs_2 xs_2 xs2 extra_small_2 extrasmall2).each do |c|
+      @wrapper = nil
+      expect(wrapper c).to render_with 'div.col-xs-2'
+      @wrapper = nil
+      wrapper.column_size = c
+      expect(wrapper).to render_with 'div.col-xs-2'
+    end
+  end
+
+  it 'sanitize small classes' do
+    %i(col_sm_2 sm_2 sm2 small_2 small2).each do |c|
+      @wrapper = nil
+      expect(wrapper c).to render_with 'div.col-sm-2'
+      @wrapper = nil
+      wrapper.column_size = c
+      expect(wrapper).to render_with 'div.col-sm-2'
+    end
+  end
+
+  it 'sanitize medium classes' do
+    %i(col_md_2 md_2 md2 medium_2 medium2).each do |c|
+      @wrapper = nil
+      expect(wrapper c).to render_with 'div.col-md-2'
+      @wrapper = nil
+      wrapper.column_size = c
+      expect(wrapper).to render_with 'div.col-md-2'
+    end
+  end
+
+  it 'sanitize large classes' do
+    %i(col_lg_2 lg_2 lg2 large_2 large2).each do |c|
+      @wrapper = nil
+      expect(wrapper c).to render_with 'div.col-lg-2'
+      @wrapper = nil
+      wrapper.column_size = c
+      expect(wrapper).to render_with 'div.col-lg-2'
+    end
+  end
+
+  it '#column_size= accepts sizes as array' do
+    wrapper.column_size = [:xs_2, :md_4]
+    expect(wrapper).to render_with 'div.col-xs-2.col-md-4'
+  end
+
+  it { expect(wrapper :sm3, :sm1).to render_with 'div[@class="col-sm-3"]' }
+  it { expect(wrapper :sm12, :lg1).to render_with 'div.col-sm-12.col-lg-1' }
+end
+
+describe BootstrapIt::ViewHelpers::PlacableColumn do
+  %w[offset push pull].each do |act|
+    # column_[offset|push|pull]_defined?
+    it { expect(wrapper.send "column_#{act}_defined?").to be_false }
+    it { expect(wrapper.send "column_place_defined?").to be_false }
+    it "detects if #{act} defined" do
+      %I(xs_#{act}_2 sm_#{act}_2 md_#{act}_2 lg_#{act}_2).each do |c|
+        @wrapper = nil
+        expect(wrapper(c).send "column_#{act}_defined?").to be_true
+        @wrapper = nil
+        expect(wrapper(c).send "column_place_defined?").to be_true
+      end
+    end
+
+    it "sanitize extra small #{act}" do
+      %I(col_xs_#{act}_2 xs_#{act}_2 extra_small_#{act}_2
+         extrasmall#{act}2).each do |c|
+        @wrapper = nil
+        expect(wrapper c).to render_with "div.col-xs-#{act}-2"
+        @wrapper = nil
+        wrapper.column_place = c
+        expect(wrapper c).to render_with "div.col-xs-#{act}-2"
+      end
+    end
+
+    it "sanitize small #{act}" do
+      %I(col_sm_#{act}_2 sm_#{act}_2 sm#{act}2 small_#{act}_2
+         small#{act}2).each do |c|
+        @wrapper = nil
+        expect(wrapper c).to render_with "div.col-sm-#{act}-2"
+        @wrapper = nil
+        wrapper.column_place = c
+        expect(wrapper c).to render_with "div.col-sm-#{act}-2"
+      end
+    end
+
+    it "sanitize medium #{act}" do
+      %I(col_md_#{act}_2 md_#{act}_2 md#{act}2 medium_#{act}_2
+         medium#{act}2).each do |c|
+        @wrapper = nil
+        expect(wrapper c).to render_with "div.col-md-#{act}-2"
+        @wrapper = nil
+        wrapper.column_place = c
+        expect(wrapper c).to render_with "div.col-md-#{act}-2"
+      end
+    end
+
+    it "sanitize large #{act}" do
+      %I(col_lg_#{act}_2 lg_#{act}_2 lg#{act}2 large_#{act}_2
+         large#{act}2).each do |c|
+        @wrapper = nil
+        expect(wrapper c).to render_with "div.col-lg-#{act}-2"
+        @wrapper = nil
+        wrapper.column_place = c
+        expect(wrapper c).to render_with "div.col-lg-#{act}-2"
+      end
+    end
+  end
+end
+
+describe BootstrapIt::ViewHelpers::Activable do
+  it { expect(wrapper).to have_flag(:active).with(html_class: ['active']) }
+end
+
+describe BootstrapIt::ViewHelpers::Disableable do
+  it { expect(wrapper).to have_flag(:disabled).with(aliases: [:disable]) }
+  it { expect(wrapper).to_not render_with '.disabled' }
+  it { expect(wrapper :disabled).to render_with '.disabled' }
+  it { expect(wrapper tag: :button).to_not render_with '[@disabled]' }
+  it { expect(wrapper :disabled, tag: :button).to render_with '[@disabled]' }
+  it { expect(wrapper :disabled, tag: :button).to_not render_with '.disabled' }
+end
+
+describe BootstrapIt::ViewHelpers::Sizable do
+  it { expect(wrapper :lg).to render_with '.lg' }
+  it { expect(wrapper :large).to render_with '.lg' }
+  it { expect(wrapper :sm).to render_with '.sm' }
+  it { expect(wrapper :small).to render_with '.sm' }
+  it { expect(wrapper :xs).to render_with '.xs' }
+  it { expect(wrapper :extrasmall).to render_with '.xs' }
+  it { expect(wrapper :extra_small).to render_with '.xs' }
+  it { expect(wrapper size: :large).to render_with '.lg' }
+  it { expect(wrapper :small, size: :large).to render_with '.sm' }
+
+  it 'adds class prefix' do
+    wrapper_class.class_eval do
+      html_class_prefix 'btn-'
+    end
+    @wrapper = nil
+    expect(wrapper :lg).to render_with '.btn-lg'
+    @wrapper = nil
+    expect(wrapper :btn_lg).to render_with '.btn-lg'
+    @wrapper = nil
+    expect(wrapper :btn_large).to render_with '.btn-lg'
+  end
+
+  it { expect(wrapper size: 'value').to_not have_option :size }
+end
+
+describe BootstrapIt::ViewHelpers::Justifable do
+  it { expect(wrapper).to have_flag :justified }
+end

data/spec/view_helpers/nav_spec.rb

@@ -0,0 +1,63 @@
+require 'spec_helper'
+
+describe BootstrapIt::ViewHelpers::Nav do
+  it { expect(helper).to render_with 'ul.nav' }
+
+  it { expect(helper).to be_kind_of BootstrapIt::ViewHelpers::Justifable }
+  it { expect(helper).to be_kind_of WrapIt::Container }
+
+  it 'renders active links' do
+    expect(helper { |h| h.link_item :active }).to render_with 'ul > li.active'
+  end
+
+  it 'renders dropdowns' do
+    expect(
+      helper { |h| h.dropdown('text') { |d| d.header 'header' } }
+    ).to render_with(
+      'ul > li.dropdown' \
+      ' > a.dropdown-toggle[@data-toggle="dropdown"]' \
+      '[@href="#"][text()="text "]'
+    )
+  end
+end
+
+describe BootstrapIt::ViewHelpers::NavPills do
+  it { expect(helper).to be_kind_of BootstrapIt::ViewHelpers::Nav }
+  it { expect(helper).to render_with 'ul.nav.nav-pills' }
+end
+
+describe BootstrapIt::ViewHelpers::NavTabs do
+  it { expect(helper).to be_kind_of BootstrapIt::ViewHelpers::Nav }
+  it { expect(helper).to render_with 'ul.nav.nav-tabs' }
+end
+
+describe BootstrapIt::ViewHelpers::NavBar do
+  it 'renders with all needed options' do
+    expect(helper).to render_with(
+      'nav.navbar.navbar-default[@role="navigation"]'
+    )
+  end
+
+  it 'renders with button' do
+    expect(helper { |h| h.button }).to render_with 'nav > button.navbar-btn'
+  end
+
+  it 'renders with text' do
+    expect(helper { |h| h.text 'some text' }).to render_with(
+      'nav > p.navbar-text', text: 'some text'
+    )
+  end
+
+  it 'has position enum' do
+    expect(helper).to have_enum(:position)
+      .with(values: %i(fixed-top fixed-bottom static-top),
+            html_class_prefix: 'navbar-')
+  end
+
+  it 'has type enum' do
+    expect(helper).to have_enum(:type)
+      .with(values: %i[default inverse],
+            default: :default,
+            html_class_prefix: 'navbar-')
+  end
+end

data/spec/view_helpers/pagination_spec.rb

@@ -0,0 +1,36 @@
+require 'spec_helper'
+
+describe BootstrapIt::ViewHelpers::Pagination do
+  it { expect(helper).to render_with 'ul.pagination' }
+  it { expect(helper).to be_kind_of WrapIt::Container }
+  it { expect(helper).to be_kind_of BootstrapIt::ViewHelpers::Sizable }
+
+  it 'renders links' do
+    expect(helper { |h| h.link_item 'test', 'http://url' }).to render_with(
+      'ul > li > a[@href="http://url"][text()="test"]'
+    )
+  end
+end
+
+describe BootstrapIt::ViewHelpers::Pager do
+  it { expect(helper).to render_with 'ul.pager' }
+  it { expect(helper).to be_kind_of WrapIt::Container }
+
+  it 'renders links' do
+    expect(helper { |h| h.link_item 'test', 'http://url' }).to render_with(
+      'ul > li > a[@href="http://url"][text()="test"]'
+    )
+  end
+
+  it 'renders previous' do
+    expect(helper { |h| h.previous 'test', 'http://url' }).to render_with(
+      'ul > li.previous > a[@href="http://url"][text()="test"]'
+    )
+  end
+
+  it 'renders next' do
+    expect(helper { |h| h.next 'test', 'http://url' }).to render_with(
+      'ul > li.next > a[@href="http://url"][text()="test"]'
+    )
+  end
+end

data/spec/view_helpers/table_spec.rb

@@ -0,0 +1,59 @@
+require 'spec_helper'
+
+describe BootstrapIt::ViewHelpers::Table do
+  it { expect(helper).to render_with 'table.table' }
+  it { expect(helper tag: 'div').to render_with 'table.table' }
+
+  %i(striped bordered hover condensed).each do |switch|
+    it "has #{switch} switch" do
+      expect(helper).to have_flag(switch)
+        .with(html_class: ["table-#{switch}"])
+    end
+  end
+
+  it { expect(helper).to have_flag(:responsive) }
+  it 'wraps responsive tables' do
+    expect(helper :responsive).to render_with(
+      'div.table-responsive > table.table'
+    )
+  end
+
+  it 'renders child rows' do
+    expect(BootstrapIt::ViewHelpers::TableRow).to receive(:new).and_call_original
+    helper.row
+  end
+end
+
+describe BootstrapIt::ViewHelpers::TableRow do
+  it { expect(helper).to render_with 'tr' }
+  it { expect(helper tag: 'div').to render_with 'tr' }
+  it { expect(helper { |g| '<i>text</i>'.html_safe }).to render_with 'tr > i' }
+
+  it 'renders child cells' do
+    expect(BootstrapIt::ViewHelpers::TableCell).to receive(:new)
+      .and_call_original
+    helper.cell
+  end
+
+  it 'renders child head cells' do
+    expect(BootstrapIt::ViewHelpers::TableCell).to receive(:new)
+      .and_call_original
+    helper.head
+  end
+
+  it { expect(helper).to be_kind_of BootstrapIt::ViewHelpers::Contextual }
+end
+
+describe BootstrapIt::ViewHelpers::TableCell, type: :view do
+  it { expect(helper).to render_with 'td' }
+  it { expect(helper :th).to render_with 'th' }
+  it { expect(helper :head).to render_with 'th' }
+  it { expect(helper :header).to render_with 'th' }
+  it 'cleans up options' do
+    expect(helper :th, :head, :header, th: true, head: true, header: true)
+      .to_not have_option :th, :head, :header
+  end
+  it { expect(helper).to be_kind_of BootstrapIt::ViewHelpers::SizableColumn }
+  it { expect(helper).to be_kind_of BootstrapIt::ViewHelpers::Contextual }
+  it { expect(helper).to be_kind_of WrapIt::TextContainer }
+end

data/spec/view_helpers/text_spec.rb

@@ -0,0 +1,13 @@
+require 'spec_helper'
+
+describe BootstrapIt::ViewHelpers::Label do
+  it { expect(helper).to render_with 'span.label.label-default' }
+  it { expect(helper).to be_kind_of WrapIt::TextContainer }
+  it { expect(helper).to have_enum :appearence }
+  it { expect(helper :danger).to render_with 'span.label.label-danger' }
+end
+
+describe BootstrapIt::ViewHelpers::Badge do
+  it { expect(helper).to render_with 'span.badge' }
+  it { expect(helper).to be_kind_of WrapIt::TextContainer }
+end

data/spec/views/examples_spec.rb

@@ -0,0 +1,250 @@
+require 'spec_helper'
+
+describe 'examples for README.md' do
+  it 'renders grid example' do
+    render inline: <<-HAML
+      <%= grid do |g|
+        g.row do |r|
+          r.cell :md4, 'col 1'
+          r.cell :md4, :md_offset_4, 'col 2'
+        end
+        g.row do |r|
+          r.cell :md6, :md_offset_3, 'col 3'
+          r.clear
+        end
+      end %>
+    HAML
+    expect(rendered).to have_selector 'div.container > div.row > div.col-md-4[text()="col 1"] + div.col-md-4.col-md-offset-4[text()="col 2"]'
+    expect(rendered).to have_selector 'div.container > div.row > div.col-md-6.col-md-offset-3[text()="col 3"] + div.clearfix.visible-md'
+  end
+
+  it 'renders table example' do
+    render inline: <<-HAML
+      <%= table :condensed, :bordered do |t|
+        t.row :success do |r|
+          r.head 'header 1'
+          r.head 'header 2'
+        end
+        t.row do |r|
+          r.cell 'data', colspan: 2
+        end
+      end %>
+    HAML
+    expect(rendered).to have_selector 'table.table.table-condensed.table-bordered > tr.success > th[text()="header 1"] + th[text()="header 2"]'
+    expect(rendered).to have_selector 'table > tr > td[@colspan="2"][text()="data"]'
+  end
+
+  it 'renders button example' do
+    render inline: <<-HAML
+      <%= button :danger, :large, 'alert', icon: 'home' %>
+    HAML
+    expect(rendered).to have_selector(
+      'button.btn.btn-danger[@type="button"][text()=" alert"] > i.fa.fa-home'
+    )
+  end
+
+  it 'renders icon example' do
+    render inline: <<-HAML
+      <%= icon :asterisk %>
+    HAML
+    #puts "*** #{rendered}"
+    expect(rendered).to have_selector 'i.fa.fa-asterisk'
+  end
+
+  it 'renders button-group example #1' do
+    render inline: <<-HAML
+      <%= button_group do |g|
+        g.button 'one'
+        g.button 'two', :success
+        g.dropdown 'dropdown' do |d|
+          d.link_item 'link 1', '#'
+          d.link_item 'link 2', '#'
+        end
+      end %>
+    HAML
+    expect(rendered).to have_selector 'div.btn-group > button.btn.btn-default[@type="button"][text()="one"] + button.btn.btn-success[@type="button"][text()="two"]'
+    expect(rendered).to have_selector 'div.btn-group > button.btn.btn-success[@type="button"][text()="two"] + div.btn-group > button.btn.btn-default.dropdown-toggle[@data-toggle="dropdown"][@type="button"][text()="dropdown"] > span.caret'
+    expect(rendered).to have_selector 'div.btn-group > button.btn.btn-success[@type="button"][text()="two"] + div.btn-group > button + ul.dropdown-menu[@role="menu"] > li[@role="presentation"] + li > a[@role="menuitem"][@tabindex="-1"][text()="link 2"]'
+  end
+
+  it 'renders button-group example #2' do
+    render inline: <<-HAML
+      <%= button_group do |g|
+        g.radio 'radio 1', :primary
+        g.radio 'radio 2', :primary
+      end %>
+    HAML
+    expect(rendered).to have_selector 'div.btn-group[@data-toggle="buttons"] > label.btn.btn-primary[text()="radio 1"] > input[@type="radio"]'
+    expect(rendered).to have_selector 'div.btn-group > label.btn.btn-primary[text()="radio 1"] + label.btn.btn-primary[text()="radio 2"] > input[@type="radio"]'
+  end
+
+  it 'renders dropdown button example' do
+    render inline: <<-HAML
+      <%= dropdown_button :danger, :splitted, 'Button' do |b|
+        b.header 'Actions'
+        b.link_item 'Action', '#'
+        b.link_item 'Another action', '#'
+        b.divider
+      end %>
+    HAML
+    expect(rendered).to have_selector(
+      'div.btn-group' \
+      ' > button.btn.btn-danger[@type="button"][text()="Button"]' \
+      ' + button.btn.btn-danger.dropdown-toggle[@type="button"]' \
+      '[@data-toggle="dropdown"] > span.caret'
+    )
+    expect(rendered).to have_selector(
+      'div.btn-group > button[@data-toggle="dropdown"]' \
+      ' + ul.dropdown-menu[@role="menu"]' \
+      ' > li.dropdown-header[text()="Actions"][@role="presentation"]'
+    )
+    expect(rendered).to have_selector(
+      'div.btn-group > button + ul > li.dropdown-header' \
+      ' + li[@role="presentation"]' \
+      ' > a[@href="#"][text()="Action"][@role="menuitem"][@tabindex="-1"]'
+    )
+    expect(rendered).to have_selector(
+      'div.btn-group > button + ul > li.dropdown-header + li + li' \
+      ' > a[@href="#"][text()="Another action"]'
+    )
+    expect(rendered).to have_selector(
+      'div.btn-group > button + ul' \
+      ' > li.dropdown-header + li + li + li.divider'
+    )
+  end
+
+  it 'renders pills example' do
+    render inline: <<-HAML
+      <%= pills do |p|
+        p.link_item :active, 'Home', '#'
+        p.link_item 'Profile', '#'
+        p.link_item 'Messages', '#'
+      end %>
+    HAML
+    expect(rendered).to have_selector 'ul.nav.nav-pills > li.active > a[@href="#"][text()="Home"]'
+    expect(rendered).to have_selector 'ul > li + li > a[@href="#"][text()="Profile"]'
+    expect(rendered).to have_selector 'ul > li + li + li > a[@href="#"][text()="Messages"]'
+  end
+
+  it 'renders breadcrumb example' do
+    render inline: <<-HAML
+      <%= breadcrumb do |b|
+        b.link_item 'Home', '#'
+        b.link_item 'Library', '#'
+        b.item :active, 'Data'
+      end %>
+    HAML
+    expect(rendered).to have_selector 'ol.breadcrumb > li > a[@href="#"][text()="Home"]'
+    expect(rendered).to have_selector 'ol > li + li > a[@href="#"][text()="Library"]'
+    expect(rendered).to have_selector 'ol > li + li + li.active[text()="Data"]'
+  end
+
+  it 'renders pagination example' do
+    render inline: <<-HAML
+      <%= pagination do |p|
+        p.link_item '&laquo;', '#', :disabled
+        p.link_item '1', '#', :active
+        p.link_item '2', '#'
+        p.link_item '3', '#'
+        p.link_item '&raquo;', '#'
+      end %>
+    HAML
+    expect(rendered).to have_selector(
+      'ul.pagination > li.disabled > a[@href="#"]',
+      text: '«'
+    )
+    expect(rendered).to have_selector(
+      'ul > li.disabled + li.active > a[@href="#"]',
+      text: '1'
+    )
+    expect(rendered).to have_selector(
+      'ul > li.disabled + li.active + li > a[@href="#"]',
+      text: '2'
+    )
+    expect(rendered).to have_selector(
+      'ul > li.disabled + li.active + li + li > a[@href="#"]',
+      text: '3'
+    )
+    expect(rendered).to have_selector(
+      'ul > li.disabled + li.active + li + li + li > a[@href="#"]',
+      text: '»'
+    )
+  end
+
+  it 'renders pager example' do
+    render inline: <<-HAML
+      <%= pager do |p|
+        p.previous '&larr; Older', '#', :disabled
+        p.next 'Newer &rarr;', '#'
+      end %>
+    HAML
+    expect(rendered).to have_selector(
+      'ul.pager > li.previous.disabled > a[@href="#"]',
+      text: '← Older'
+    )
+    expect(rendered).to have_selector(
+      'ul.pager > li.previous.disabled + li.next > a[@href="#"]',
+      text: 'Newer →'
+    )
+  end
+
+  it 'renders label example' do
+    render inline: <<-HAML
+      <%= label :info, 'label text' %>
+    HAML
+    expect(rendered).to have_selector 'span.label.label-info[text()="label text"]'
+  end
+
+  it 'renders badge example' do
+    render inline: <<-HAML
+      <%= badge '10' %>
+    HAML
+    expect(rendered).to have_selector 'span.badge[text()="10"]'
+  end
+
+  it 'renders jumbotron example' do
+    render inline: <<-HAML
+      <%= jumbotron do %>
+        <h1>Hello, world!</h1>
+      <% end %>
+    HAML
+    expect(rendered).to have_selector 'div.jumbotron > h1'
+  end
+
+  it 'renders page-header example' do
+    render inline: <<-HAML
+      <%= page_header do %>
+        <h1>Hello, world!</h1>
+      <% end %>
+    HAML
+    expect(rendered).to have_selector 'div.page-header > h1'
+  end
+
+  it 'renders alert example' do
+    render inline: <<-HAML
+      <%= alert_box :success, :dismissable do |a| %>
+        <%= a.link 'link text', 'url' %>
+      <% end %>
+    HAML
+    expect(rendered).to have_selector 'div.alert.alert-success.alert-dismissable > button.close[@type="button"][@data-dismiss="alert"][@aria-hidden="true"] + a.alert-link[@href="url"][text()="link text"]'
+  end
+
+  it 'renders progress-bar example' do
+    render inline: <<-HAML
+      <%= progress_bar :striped, :success, 35, '35% total complete' do |p|
+        p.bar :warning, 20, '20% files complete'
+      end %>
+    HAML
+    expect(rendered).to have_selector 'div.progress.progress-striped > div.progress-bar.progress-bar-success[@style="width: 35%"][@role="progressbar"][@aria-valuenow="35"][@aria-valuemin="0"][@aria-valuemax="100"] > span.sr-only[text()="35% total complete"]'
+    expect(rendered).to have_selector 'div.progress.progress-striped > div.progress-bar-success + div.progress-bar.progress-bar-warning[@style="width: 20%"][@role="progressbar"][@aria-valuenow="20"][@aria-valuemin="0"][@aria-valuemax="100"] > span.sr-only[text()="20% files complete"]'
+  end
+
+  it 'renders inline form example' do
+    render inline: <<-HAML
+      <%= form :horizontal do |f|
+        f.input 'user@mail.ru', :xs_offset_2, type: 'email', id: 'exampleInputEmail2', placeholder: 'Enter email', label: ['Email address', :xs_4]
+      end %>
+    HAML
+    #puts "*** #{rendered}"
+  end
+end