booties 0.1.0 → 0.2.0

data/test/helpers/booties/tooltip_helper_test.rb

@@ -1,55 +1,34 @@
+# frozen_string_literal: true
+
 require 'test_helper'
 
 module Booties
   class TooltipHelperTest < ActionView::TestCase
-    test '#tooltip renders span tag with given title' do
-      expected = content_tag :span, 'baz',
-        data: { toggle: 'tooltip' }, title: 'foo bar'
-
-      assert_equal expected, tooltip(title: 'foo bar') { 'baz' }
+    def test_tooltip_renders_span_tag_with_given_title
+      assert_dom_equal '<span title="required" data-toggle="tooltip">*</span>',
+                       tooltip('*', title: 'required')
     end
 
-    test '#tooltip with bottom placement' do
-      expected = content_tag :span, 'baz',
-        data: { toggle: 'tooltip', placement: 'bottom' }, title: 'foo bar'
-
-      assert_equal expected, tooltip(title: 'foo bar', placement: :bottom) { 'baz' }
+    def test_tooltip_accepts_content_as_block
+      assert_dom_equal '<span title="required" data-toggle="tooltip">*</span>',
+                       tooltip(title: 'required') { '*' }
     end
 
-    test '#tooltip with right placement' do
-      expected = content_tag :span, 'baz',
-        data: { toggle: 'tooltip', placement: 'right' }, title: 'foo bar'
-
-      assert_equal expected, tooltip(title: 'foo bar', placement: :right) { 'baz' }
+    def test_tooltip_with_custom_placement
+      assert_dom_equal \
+        '<span title="required" data-toggle="tooltip" data-placement="bottom">*</span>',
+        tooltip('*', title: 'required', placement: :bottom)
     end
 
-    test '#tooltip with left placement' do
-      expected = content_tag :span, 'baz',
-        data: { toggle: 'tooltip', placement: 'left' }, title: 'foo bar'
-
-      assert_equal expected, tooltip(title: 'foo bar', placement: :left) { 'baz' }
+    def test_tooltip_renders_tooltip_using_alternative_wrapper_tag
+      assert_dom_equal '<abbr title="required" data-toggle="tooltip">*</abbr>',
+                       tooltip('*', title: 'required', wrapper_tag: :abbr)
     end
 
-    test '#tooltip with unrecognized placement' do
-      e = assert_raises ArgumentError do
-        tooltip(title: 'foo bar', placement: :bogus) {}
-      end
-      assert_equal 'invalid placement: :bogus, ' \
-        'valid placements are :left, :right, :top, :bottom', e.message
-    end
-
-    test '#tooltip renders tooltip using alternative wrapper tag' do
-      expected = content_tag :abbr, 'baz',
-        data: { toggle: 'tooltip' }, title: 'foo'
-
-      assert_equal expected, tooltip(title: 'foo', wrapper_tag: :abbr) { 'baz' }
-    end
-
-    test '#tooltip accepts additional html attributes' do
-      expected = content_tag :span, 'baz',
-        data: { toggle: 'tooltip' }, title: 'foo', class: 'bar'
-
-      assert_equal expected, tooltip(title: 'foo', class: 'bar') { 'baz' }
+    def test_tooltip_accepts_additional_html_attributes
+      assert_dom_equal \
+        '<abbr class="initialism" title="HyperText Markup Language" data-toggle="tooltip">HTML</abbr>',
+        tooltip('HTML', title: 'HyperText Markup Language', class: 'initialism', wrapper_tag: :abbr)
     end
   end
 end

data/test/integration/samples_test.rb

@@ -0,0 +1,103 @@
+# frozen_string_literal: true
+
+require 'test_helper'
+
+class NavigationTest < ActionDispatch::IntegrationTest
+  def test_badges
+    get samples_badges_url
+    assert_select 'span.badge', '101'
+    assert_select 'span.badge.foo', '42'
+  end
+
+  def test_breadcrumbs
+    get samples_breadcrumbs_url
+    assert_select 'ol.breadcrumb' do
+      assert_select 'li:first-child a', 'Foo'
+      assert_select 'li:last-child.active', 'Bar'
+    end
+  end
+
+  def test_buttons
+    get samples_buttons_url
+    assert_select 'a.btn.btn-default', 'Foo'
+    assert_select 'a.btn.btn-danger.btn-xs[data-method="delete"]', 'Bar'
+  end
+
+  def test_dropdowns
+    get samples_dropdowns_url
+    assert_select 'a.dropdown-toggle[role="button"][data-toggle="dropdown"]', 'Foo'
+    assert_select 'ul.dropdown-menu' do
+      assert_select 'li', 'Foo'
+    end
+  end
+
+  def test_flags
+    get samples_flags_url
+    assert_select 'span.label.label-default', 'Foo'
+    assert_select 'span.label.label-primary.foo', 'Bar'
+  end
+
+  def test_modals
+    get samples_modals_url
+    assert_select 'div.modal.fade#foo' do
+      assert_select 'div.modal-dialog.modal-lg' do
+        assert_select 'div.modal-content' do
+          assert_select 'div.modal-header' do
+            assert_select 'button.close[data-dismiss="modal"][type="button"]', '×'
+            assert_select 'h4.modal-title', 'Title'
+          end
+          assert_select 'div.modal-body' do
+            assert_select 'p', 'Body'
+          end
+          assert_select 'div.modal-footer' do
+            assert_select 'button.btn.btn-default[data-dismiss="modal"][type="button"]', 'Dismiss'
+            assert_select 'a.btn.btn-primary[href="/bar"]', 'Confirm'
+          end
+        end
+      end
+    end
+  end
+
+  def test_panels
+    get samples_panels_url
+
+    assert_select 'div.panel.panel-default' do
+      assert_select 'div.panel-heading' do
+        assert_select 'h3.panel-title', 'Title'
+      end
+      assert_select 'div.panel-body', 'Body'
+      assert_select 'div.panel-footer', 'Footer'
+    end
+
+    assert_select 'div.panel.panel-info' do
+      assert_select 'div.panel-heading' do
+        assert_select 'h3.panel-title', 'Title'
+      end
+      assert_select 'table caption', 'Use table instead of .panel-body'
+    end
+  end
+
+  def test_popovers
+    get samples_popovers_url
+
+    assert_select 'button', text: 'Text' do
+      assert_select '[type="button"]'
+      assert_select '[data-toggle="popover"]'
+      assert_select '[data-content="Lorem ipsum dolor sit amet"]'
+    end
+
+    assert_select 'a', text: 'Text' do
+      assert_select '[role="button"]'
+      assert_select '[data-toggle="popover"]'
+      assert_select '[data-placement="right"]'
+      assert_select '[data-trigger="focus"]'
+      assert_select '[title="Lorem ipsum dolor sit amet"]'
+      assert_select '[data-content="Occaecati corrupti atque quasi sit"]'
+    end
+  end
+
+  def test_tooltips
+    get samples_tooltips_url
+    assert_select 'span[data-toggle="tooltip"][title="Lorem ipsum dolor sit amet"]', 'Lorem ipsum…'
+  end
+end

data/test/lib/booties/modal_test.rb

@@ -0,0 +1,193 @@
+# frozen_string_literal: true
+
+require 'test_helper'
+require 'stub_view'
+
+module Booties
+  class ModalTest < Minitest::Test
+    def setup
+      @template = StubView.new
+      @backend = I18n.backend
+      I18n.backend = I18n::Backend::KeyValue.new({})
+      I18n.enforce_available_locales = false
+    end
+
+    def teardown
+      I18n.backend = @backend
+    end
+
+    def test_render_renders_a_fading_modal_with_an_id_and_a_dialog
+      modal = Modal.new @template, id: 'foo'
+      expected = '<div class="modal fade" id="foo"><div class="modal-dialog">' \
+                 '<div class="modal-content"></div></div></div>'
+      actual = modal.render {}
+      assert_equal expected, actual
+    end
+
+    def test_render_renders_a_non_fading_modal_when_fade_is_falsey
+      modal = Modal.new @template, id: 'foo', fade: false
+      expected = '<div class="modal" id="foo"><div class="modal-dialog">' \
+                 '<div class="modal-content"></div></div></div>'
+      actual = modal.render {}
+      assert_equal expected, actual
+    end
+
+    def test_render_passes_misc_options_to_outer_container
+      modal = Modal.new @template, id: 'foo'
+      expected = /<div class="modal fade foo" id="foo" data-bar="baz">/
+      actual = modal.render(class: 'foo', data: { bar: 'baz' }) {}
+      assert_match expected, actual
+    end
+
+    def test_large_modal
+      modal = Modal.new @template, id: 'foo', size: :large
+      expected = /<div class="modal-dialog modal-lg">/
+      actual = modal.render {}
+      assert_match expected, actual
+    end
+
+    def test_small_modal
+      modal = Modal.new @template, id: 'foo', size: :small
+      expected = /<div class="modal-dialog modal-sm">/
+      actual = modal.render {}
+      assert_match expected, actual
+    end
+
+    def test_dialog_renders_a_modal_dialog_with_a_modal_content
+      modal = Modal.new @template, id: 'foo'
+      expected = '<div class="modal-dialog"><div class="modal-content">' \
+                 '</div></div>'
+      actual = modal.dialog {}
+      assert_equal expected, actual
+    end
+
+    def test_content_renders_a_modal_content
+      modal = Modal.new @template, id: 'foo'
+      expected = '<div class="modal-content"></div>'
+      actual = modal.content {}
+      assert_equal expected, actual
+    end
+
+    def test_content_yields_modal_to_block
+      modal = Modal.new @template, id: 'foo'
+      yielded_modal = nil
+      modal.content do |m|
+        yielded_modal = m
+      end
+      assert_same modal, yielded_modal
+    end
+
+    def test_header_renders_a_modal_header_with_a_title_and_a_dismissal
+      modal = Modal.new @template, id: 'foo'
+      expected = '<div class="modal-header">' \
+                 '<button class="close" data-dismiss="modal" type="button">' \
+                 '&times;' \
+                 '</button><h4 class="modal-title">content</h4></div>'
+      actual = modal.header { 'content' }
+      assert_equal expected, actual
+    end
+
+    def test_header_renders_a_modal_header_withouth_a_dismissal
+      modal = Modal.new @template, id: 'foo'
+      expected = '<div class="modal-header">' \
+                 '<h4 class="modal-title">content</h4></div>'
+      actual = modal.header(close: false) { 'content' }
+      assert_equal expected, actual
+    end
+
+    def test_header_uses_html_dismissal
+      icon = '<span class="glyphicon glyphicon-remove" aria-label="Dismiss"></span>'
+      translations = {}
+      I18n.backend = I18n::Backend::KeyValue.new translations
+      I18n.backend.store_translations I18n.locale,
+                                      booties: { modal: { dismiss_html: icon } }
+
+      modal = Modal.new @template, id: 'foo'
+      expected = %r{<button class="close" data-dismiss="modal" type="button">#{icon}</button>}
+      actual = modal.header { 'content' }
+      assert_match expected, actual
+    end
+
+    def test_header_falls_back_on_non_html_dismissal
+      translations = {}
+      I18n.backend = I18n::Backend::KeyValue.new translations
+      I18n.backend.store_translations I18n.locale,
+                                      booties: { modal: { dismiss: 'close' } }
+
+      modal = Modal.new @template, id: 'foo'
+      expected = %r{<button class="close" data-dismiss="modal" type="button">close</button>}
+      actual = modal.header { 'content' }
+      assert_match expected, actual
+    end
+
+    def test_header_falls_back_on_default_dismissal
+      translations = {}
+      I18n.backend = I18n::Backend::KeyValue.new translations
+
+      modal = Modal.new @template, id: 'foo'
+      expected = %r{<button class="close" data-dismiss="modal" type="button">&times;</button>}
+      actual = modal.header { 'content' }
+      assert_match expected, actual
+    end
+
+    def test_body_renders_a_modal_body
+      modal = Modal.new @template, id: 'foo'
+      expected = '<div class="modal-body">content</div>'
+      actual = modal.body { 'content' }
+      assert_equal expected, actual
+    end
+
+    def test_footer_renders_a_modal_footer
+      modal = Modal.new @template, id: 'foo'
+      expected = '<div class="modal-footer">content</div>'
+      actual = modal.footer { 'content' }
+      assert_equal expected, actual
+    end
+
+    def test_title_renders_a_modal_title
+      modal = Modal.new @template, id: 'foo'
+      expected = '<h4 class="modal-title">content</h4>'
+      actual = modal.title('content')
+      assert_equal expected, actual
+    end
+
+    def test_title_accepts_content_as_a_block
+      modal = Modal.new @template, id: 'foo'
+      expected = '<h4 class="modal-title">content</h4>'
+      actual = modal.title { 'content' }
+      assert_equal expected, actual
+    end
+
+    def test_dismiss_renders_a_dismiss_button
+      modal = Modal.new @template, id: 'foo'
+      expected = '<button class="close" data-dismiss="modal" type="button">' \
+                 'content</button>'
+      actual = modal.dismiss('content')
+      assert_equal expected, actual
+    end
+
+    def test_dismiss_accepts_content_as_a_block
+      modal = Modal.new @template, id: 'foo'
+      expected = '<button class="close" data-dismiss="modal" type="button">' \
+                 'content</button>'
+      actual = modal.dismiss { 'content' }
+      assert_equal expected, actual
+    end
+
+    def test_dismiss_accepts_custom_class
+      modal = Modal.new @template, id: 'foo'
+      expected = '<button class="btn btn-default" data-dismiss="modal"' \
+                 ' type="button">content</button>'
+      actual = modal.dismiss('content', class: 'btn btn-default')
+      assert_equal expected, actual
+    end
+
+    def test_dismiss_accepts_custom_class_and_block
+      modal = Modal.new @template, id: 'foo'
+      expected = '<button class="btn btn-default" data-dismiss="modal"' \
+                 ' type="button">content</button>'
+      actual = modal.dismiss(class: 'btn btn-default') { 'content' }
+      assert_equal expected, actual
+    end
+  end
+end

data/test/{booties → lib/booties}/panel_test.rb

@@ -1,37 +1,43 @@
+# frozen_string_literal: true
+
 require 'test_helper'
 require 'stub_view'
 
 module Booties
   class PanelTest < Minitest::Test
     def setup
-      @view_context = StubView.new
+      @template = StubView.new
     end
 
     def test_default_panel
       expected = '<div class="panel panel-default">content</div>'
-      assert_equal expected, panel.render { 'content' }
+      actual = panel.render { 'content' }
+      assert_equal expected, actual
     end
 
     def test_panel_with_custom_context
-      panel = Panel.new @view_context, context: :primary
+      panel = Panel.new @template, context: :primary
       expected = '<div class="panel panel-primary">content</div>'
-      assert_equal expected, panel.render { 'content' }
+      actual = panel.render { 'content' }
+      assert_equal expected, actual
     end
 
     def test_render_panel_with_custom_wrapper_tag
-      panel = Panel.new @view_context, wrapper_tag: 'fieldset'
+      panel = Panel.new @template, wrapper_tag: 'fieldset'
       expected = '<fieldset class="panel panel-default"></fieldset>'
-      assert_equal expected, panel.render {}
+      actual = panel.render {}
+      assert_equal expected, actual
     end
 
     def test_optional_arguments_to_panel
-      panel = Panel.new @view_context, id: 'foo', class: 'bar'
+      panel = Panel.new @template, id: 'foo', class: 'bar'
       expected = '<div class="panel panel-default bar" id="foo"></div>'
-      assert_equal expected, panel.render {}
+      actual = panel.render {}
+      assert_equal expected, actual
     end
 
     def test_render_yields_panel_to_block
-      panel = Panel.new @view_context
+      panel = Panel.new @template
       yielded_panel = nil
       panel.render { |p| yielded_panel = p }
       assert_same panel, yielded_panel
@@ -39,68 +45,80 @@ module Booties
 
     def test_panel_heading
       expected = '<div class="panel-heading">content</div>'
-      assert_equal expected, panel.heading('content')
+      actual = panel.heading('content')
+      assert_equal expected, actual
     end
 
     def test_panel_heading_accepts_block
       expected = '<div class="panel-heading">content</div>'
-      assert_equal expected, panel.heading { 'content' }
+      actual = panel.heading { 'content' }
+      assert_equal expected, actual
     end
 
     def test_panel_heading_with_optional_arguments
       expected = '<div class="panel-heading foo" id="bar"></div>'
-      assert_equal expected, panel.heading('', class: 'foo', id: 'bar')
+      actual = panel.heading('', class: 'foo', id: 'bar')
+      assert_equal expected, actual
     end
 
     def test_panel_title
       expected = '<h3 class="panel-title">content</h3>'
-      assert_equal expected, panel.title('content')
+      actual = panel.title('content')
+      assert_equal expected, actual
     end
 
     def test_panel_title_accepts_block
       expected = '<h3 class="panel-title">content</h3>'
-      assert_equal expected, panel.title { 'content' }
+      actual = panel.title { 'content' }
+      assert_equal expected, actual
     end
 
     def test_panel_title_with_optional_arguments
       expected = '<h3 class="panel-title foo" id="bar"></h3>'
-      assert_equal expected, panel.title('', class: 'foo', id: 'bar')
+      actual = panel.title('', class: 'foo', id: 'bar')
+      assert_equal expected, actual
     end
 
     def test_panel_body
       expected = '<div class="panel-body">content</div>'
-      assert_equal expected, panel.body('content')
+      actual = panel.body('content')
+      assert_equal expected, actual
     end
 
     def test_panel_body_accepts_block
       expected = '<div class="panel-body">content</div>'
-      assert_equal expected, panel.body { 'content' }
+      actual = panel.body { 'content' }
+      assert_equal expected, actual
     end
 
     def test_panel_body_with_optional_arguments
       expected = '<div class="panel-body foo" id="bar"></div>'
-      assert_equal expected, panel.body('', class: 'foo', id: 'bar')
+      actual = panel.body('', class: 'foo', id: 'bar')
+      assert_equal expected, actual
     end
 
     def test_panel_footer
       expected = '<div class="panel-footer">content</div>'
-      assert_equal expected, panel.footer('content')
+      actual = panel.footer('content')
+      assert_equal expected, actual
     end
 
     def test_panel_footer_accepts_block
       expected = '<div class="panel-footer">content</div>'
-      assert_equal expected, panel.footer { 'content' }
+      actual = panel.footer { 'content' }
+      assert_equal expected, actual
     end
 
     def test_panel_footer_with_optional_arguments
       expected = '<div class="panel-footer foo" id="bar"></div>'
-      assert_equal expected, panel.footer('', class: 'foo', id: 'bar')
+      actual = panel.footer('', class: 'foo', id: 'bar')
+      assert_equal expected, actual
     end
 
     private
 
     def panel
-      @panel ||= Panel.new @view_context
+      @panel ||= Panel.new @template
     end
   end
 end