shway 3.0

data/test/shway_core/css_helper_test.rb

@@ -0,0 +1,655 @@
+require File.join(File.dirname(__FILE__), 'shway_test_helper')
+
+class CssHelperTest < Test::Unit::TestCase
+
+  include Shway::Css::CssHelper
+  include Shway::Helpers::ShwayHelper
+  include Shway::Helpers::ShwayControllerHelper
+
+  def test_can_set_and_get_css_style
+    set_valid_simple_style
+    retreived_style = get_css_style valid_simple_style_name
+    assert_styles_equal expected_valid_simple_style, retreived_style
+  end
+
+  def test_can_set_and_get_merged_css_styles
+    CssStyles.css_style valid_merged_style_name, valid_simple_style_hash, valid_complex_style_hash
+    retreived_style = get_css_style valid_merged_style_name
+    assert_styles_equal expected_valid_merged_style, retreived_style
+  end
+
+  def test_can_set_and_get_browser_css_styles
+    CssStyles.css_style valid_browser_style_name, valid_browser_style_hash
+    retreived_main_style = get_css_style valid_browser_style_name
+    assert_styles_equal expected_valid_browser_main_style, retreived_main_style
+
+    retreived_ie7_style = CssStyles.get_css_style valid_browser_style_name, :ie7
+    assert_styles_equal expected_valid_browser_ie7_style, retreived_ie7_style
+
+    retreived_ie6_style = CssStyles.get_css_style valid_browser_style_name, :ie6
+    assert_styles_equal expected_valid_browser_ie6_style, retreived_ie6_style
+
+    retreived_safari_style = CssStyles.get_css_style valid_browser_style_name, :safari
+    assert_styles_equal expected_valid_browser_safari_style, retreived_safari_style
+  end
+
+  def test_setting_css_styles_without_name_raises
+    assert_raise RuntimeError do
+      CssStyles.css_style(:arbitrary_key => :arbitrary_value)
+    end
+  end
+  
+  def test_generating_or_setting_css_styles_with_main_hash_raises
+    assert_raise RuntimeError do
+      CssStyles.css_style(:css_style_with_main_hash, :main => {:arbitrary_key => :arbitrary_value})
+    end
+    assert_raise RuntimeError do
+      css_for_hash(:main => {:arbitrary_key => :arbitrary_value})
+    end
+  end
+  
+  def test_generating_css_for_browser_styles_raises
+    set_valid_value
+    assert_raise RuntimeError do
+      css_for_hash(valid_browser_style_hash)
+    end
+  end
+
+  def test_generating_or_setting_css_for_a_non_ie6_hash_with_alpha_filter_raises
+    assert_raise RuntimeError do
+      css_for_hash(valid_alpha_filter_style_hash[:ie6])
+    end
+    assert_raise RuntimeError do
+      CssStyles.css_style(:main_style_with_alpha_filter, valid_alpha_filter_style_hash[:ie6])
+    end
+    assert_raise RuntimeError do
+      CssStyles.css_style(:ie_style_with_alpha_filter, :ie7 => valid_alpha_filter_style_hash[:ie6])
+    end
+    assert_raise RuntimeError do
+      CssStyles.css_style(:safari_style_with_alpha_filter, :safari => valid_alpha_filter_style_hash[:ie6])
+    end
+  end
+
+  def test_setting_css_style_with_alpha_filter_and_no_background_raises
+    assert_raise RuntimeError do
+      CssStyles.css_style(:alpha_filter_and_no_background_hash, alpha_filter_and_no_background_hash)
+    end
+  end
+
+  def test_setting_css_style_with_alpha_filter_and_invalid_background_raises
+    assert_raise RuntimeError do
+      CssStyles.css_style(:alpha_filter_and_invalid_background_hash, alpha_filter_and_invalid_background_hash)
+    end
+  end
+
+  def test_setting_css_style_with_alpha_filter_assigns_correct_values
+    CssStyles.css_style(:valid_alpha_filter_style_hash, valid_alpha_filter_style_hash)
+    main_style  = CssStyles.get_css_style(:valid_alpha_filter_style_hash)
+    ie6_style   = CssStyles.get_css_style(:valid_alpha_filter_style_hash, :ie6)
+    assert_contains ie6_style, 'filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='
+    assert_contains ie6_style, 'background-image:none;'
+    assert_contains main_style, 'background:'
+  end
+
+  def test_simple_hash_generates_expected_css
+    style = css_for_hash(valid_simple_style_hash)
+    assert_styles_equal expected_valid_simple_style, style
+  end
+
+  def test_complex_hash_generates_expected_css
+    set_valid_value
+    style = css_for_hash(valid_complex_style_hash)
+    assert_styles_equal expected_valid_complex_style, style
+  end
+
+  def test_tag_style_with_pseudo_classes_generates_expected_css
+    CssStyles.css_style :valid_tag_style_with_pseudo_classes, valid_tag_style_with_pseudo_classes
+
+    page = css_page_for_filename('global-main.css')
+    
+    assert_not_nil page.index('.valid_tag_style_with_pseudo_classes {font-weight:bold;}')
+    assert_not_nil page.index('.valid_tag_style_with_pseudo_classes a:link {text-decoration:none;}')
+    assert_not_nil page.index('.valid_tag_style_with_pseudo_classes a:visited {text-decoration:none;}')
+    assert_not_nil page.index('.valid_tag_style_with_pseudo_classes a:active {text-decoration:underline;}')
+    assert_not_nil page.index('.valid_tag_style_with_pseudo_classes a:hover {text-decoration:underline;}')
+  end
+  
+  def test_generating_css_for_hash_with_id_raises
+    assert_raise RuntimeError do
+      css_for_hash(valid_simple_style_hash.merge(:id => "test_id"))
+    end
+  end
+
+  def test_generating_css_for_hash_with_class_raises
+    assert_raise RuntimeError do
+      css_for_hash(valid_simple_style_hash.merge(:class => "test_class"))
+    end
+  end
+
+  def test_can_set_and_get_css_value
+    set_valid_value
+    retreived_value = get_css_value valid_value_name
+    assert_equal valid_value, retreived_value
+  end
+
+  def test_getting_invalid_css_style_raises
+    assert_raise RuntimeError do
+      get_css_style invalid_style_name
+    end
+  end
+
+  def test_getting_invalid_value_returns_to_s
+    value = get_css_value(invalid_value_name)
+    expected_value = invalid_value_name.to_s.dasherize
+    assert_equal expected_value, value
+  end
+  
+  def test_simple_div_generates_expected_html
+    set_response_body simple_div
+    assert_select simple_div_selector
+  end
+
+  def test_complex_div_generates_expected_html
+    set_response_body complex_div
+    assert_select complex_div_selector
+  end
+
+  def test_div_with_class_generates_expected_html
+    set_response_body div_with_class
+    assert_select div_with_class_selector
+  end
+
+  def test_div_with_no_class_or_name_generates_expected_html
+    set_response_body div_with_no_class_or_name
+    assert_select div_with_no_class_or_name_selector
+    assert_response_does_not_contain 'class='
+  end
+
+  def test_setting_id_and_other_options_generates_expected_html
+    html = div(:id => :div_with_id_display_and_color, :display => :none, :color => :black)
+    set_response_body html
+    assert_select div_with_id_display_and_color
+  end
+
+  def div_with_id_display_and_color
+    %{div[id="div_with_id_display_and_color"][style*="display:none"][style*="color:black"]}
+  end
+
+  def test_div_with_class_and_name_raises
+    set_valid_simple_style
+    assert_raise RuntimeError do
+      div_with_class_and_name
+    end
+  end
+
+  def test_id_and_class_attribute_helpers_generate_expected_output
+    assert_equal 'id="test_id"', id_att(:test_id)
+    assert_equal 'id="test_id"', id_att('test_id')
+    assert_equal 'class="test_class"', class_att(:test_class)
+    assert_equal 'class="test_class"', class_att('test_class')
+  end
+  
+  def test_hashes_to_style_tag_generates_expected_output
+    styletag      = hashes_to_style_tag(:test_one => {:margin => 0}, :test_two => {:margin => 10})
+    assert_equal '<style>#test_one{margin:0px;}#test_two{margin:10px;}</style>', styletag
+    styletag_ie6  = hashes_to_style_tag(true, :test_ie6_one => {:margin => 5}, :test_ie6_two => {:margin => 15})
+    assert_equal '<!--[if lt IE 7]><style>#test_ie6_one{margin:5px;}#test_ie6_two{margin:15px;}</style><![endif]-->', styletag_ie6
+  end
+  
+  def test_generating_css_for_hash_with_selectors_generates_expected_css
+    style = css_for_hash ".?_style_one .?_style_two", :test_with_selectors, :margin => 0
+    expected_style = ".test_with_selectors_style_one,.test_with_selectors_style_two { margin:0px; }"
+    assert_styles_equal expected_style, style
+  end
+  
+  #css_html = style_tag_for_css(*style_args)
+
+  def test_can_set_and_get_css_config
+    set_valid_simple_config
+    retreived_config = get_css_config valid_simple_config_name
+    assert_configs_equal valid_simple_config_hash, retreived_config
+  end
+
+  def test_can_merge_with_existing_css_configs
+    set_valid_value
+    CssStyles.css_config valid_merged_config_name, valid_simple_config_hash
+    CssStyles.css_config valid_merged_config_name, valid_complex_config_hash
+    retreived_config = get_css_config valid_merged_config_name
+    assert_configs_equal expected_merged_config_hash, retreived_config
+  end
+
+  def test_getting_undefined_config_raises
+    assert_raise RuntimeError do
+      get_css_config(:undefined_config_name)
+    end
+  end
+
+  def test_expand_css_array_yields_expected_results
+    one_value_array    = [:one]
+    two_value_array    = [:one,:two]
+    three_value_array  = [:one,:two,:three]
+    four_value_array   = [:one,:two,:three,:four]
+    five_value_array   = [:one,:two,:three,:four, :five]
+    assert_equal expand_css_array(one_value_array),   [:one,:one,:one,:one]
+    assert_equal expand_css_array(two_value_array),   [:one,:two,:one,:two]
+    assert_equal expand_css_array(three_value_array), [:one,:two,:three,:two]
+    assert_equal expand_css_array(four_value_array),  [:one,:two,:three,:four]
+    assert_equal expand_css_array(five_value_array),  [:one,:two,:three,:four]
+  end
+
+  private 
+
+    def assert_contains(search_this_string, for_this_string)
+      assert_not_nil search_this_string.index(for_this_string)
+    end
+  
+    def assert_styles_equal(expected_style, actual_style)
+      assert_equal expected_style.gsub("\n",' ').squeeze.strip, actual_style.gsub("\n",' ').squeeze.strip
+    end
+
+    def assert_configs_equal(expected_config, actual_config)
+      assert_equal expected_config, actual_config
+    end
+
+    def assert_response_does_not_contain(string)
+      flunk "The response should not contain '#{string}', but it does." if @response.body.index string
+    end
+
+    def invalid_style_name
+      :invalid_style_name
+    end
+
+    def set_valid_simple_style
+      CssStyles.css_style valid_simple_style_name, valid_simple_style_hash
+    end
+
+    def valid_simple_style_name
+      :valid_style_name
+    end
+
+    def valid_simple_style_hash
+      {
+        :border => '1px solid black',
+        :font_size => 12,
+        :font_weight => :normal,
+      }
+    end
+
+    def expected_valid_simple_style
+      %{ 
+        border:1px solid black;
+        font-size:12px;
+        font-weight:normal;
+      }
+    end
+    
+    def simple_div
+      set_valid_simple_style
+      div valid_simple_style_name, :id => :simple_div
+    end
+
+    def simple_div_selector
+      %{div[class="#{valid_simple_style_name}"][id="simple_div"]}
+    end
+    
+    def set_valid_complex_style
+      CssStyles.css_style valid_complex_style_name, valid_complex_style_hash
+    end
+
+    def valid_complex_style_name
+      :valid_complex_style_name
+    end
+
+    def valid_complex_style_hash
+      {
+        :margin         => [2,5],
+        :padding        => [5,10],
+        :margin_bottom  => 10,
+        :padding_top    => 0,
+        :font_size      => 24,
+        :z_index        => 22,
+        :font_weight    => :bold,
+        :test_value     => valid_value_name,
+      }
+    end
+
+    def expected_valid_complex_style
+      %{ 
+        font-size:24px;
+        font-weight:bold;
+        margin:2px 5px;
+        margin-bottom:10px;
+        padding:5px 10px;
+        padding-top:0px;
+        test-value:#{valid_value};
+        z-index:2;
+      }
+    end
+
+    def valid_tag_style_with_pseudo_classes
+      {
+        :font_weight    => :bold,
+        :link           => {:text_decoration  =>  'none'},
+        :visited        => {:text_decoration  =>  'none'},
+        :active         => {:text_decoration  =>  'underline'},
+        :hover          => {:text_decoration  =>  'underline'},
+      }
+    end
+
+    def expected_tag_style_with_pseudo_classes
+      %{ 
+        font-weight:bold;
+      }
+    end
+
+    def complex_div
+      set_valid_complex_style
+      div valid_complex_style_name, :id => :complex_div, :display => :none, :margin_bottom => 10
+    end
+
+    def complex_div_selector
+      %{div[class="#{valid_complex_style_name}"][id="complex_div"][style*="display:none"][style*="margin-bottom:10px"]}
+    end
+
+    def div_with_class
+      div :id => :div_with_class, :class => :non_shway_css_class, :display => :none, :margin_bottom => 10
+    end
+
+    def div_with_class_selector
+      %{div[class="non_shway_css_class"][id="div_with_class"][style*="display:none"][style*="margin-bottom:10px"]}
+    end
+
+    def div_with_no_class_or_name
+      div :id => :div_with_no_class_or_name, :display => :none, :margin_bottom => 10
+    end
+
+    def div_with_no_class_or_name_selector
+      %{div[id="div_with_no_class_or_name"][style*="display:none"][style*="margin-bottom:10px"]}
+    end
+
+    def div_with_class_and_name
+      div valid_simple_style_name, :class => :div_with_class_and_name
+    end
+
+    def valid_browser_style_name
+      :valid_browser_style_name
+    end
+
+    def valid_browser_style_hash
+      {
+        :test => 'TEST_MAIN',
+        :safari => {
+          :test   => 'TEST_SAFARI',
+        },
+        :ie6 => {
+          :test   => 'TEST_IE6',
+          :test_2 => 'TEST_2_IE6',
+          # :alpha_filter => true,
+        },
+        :ie7 => {
+          :test   => 'TEST_IE7',
+          :test_3 => 'TEST_3_IE7',
+        }
+      }
+    end
+
+    def valid_alpha_filter_style_hash
+      {
+        :background => "url(/images/image_name.png) no-repeat",
+        :ie6 => {
+          :alpha_filter => true,
+        }
+      }
+    end
+
+    def alpha_filter_and_no_background_hash
+      hash = valid_alpha_filter_style_hash.clone
+      hash.delete(:background)
+      hash
+    end
+
+    def alpha_filter_and_invalid_background_hash
+      hash = valid_alpha_filter_style_hash.clone
+      hash[:background] = 'invalid.png'
+      hash
+    end
+
+    def expected_valid_browser_main_style
+      %{ 
+        test:TEST_MAIN;
+      }
+    end
+
+    def expected_valid_browser_ie7_style
+      %{ 
+        test:TEST_IE7;
+        test-3:TEST_3_IE7;
+      }
+    end
+
+    def expected_valid_browser_ie6_style
+      %{ 
+        test:TEST_IE6;
+        test-2:TEST_2_IE6;
+      }
+    end
+
+    def expected_valid_browser_safari_style
+      %{ 
+        test:TEST_SAFARI;
+      }
+    end
+
+    def valid_merged_style_name
+      :valid_merged_style_name
+    end
+
+    def expected_valid_merged_style
+      %{ 
+        border:1px solid black;
+        font-size:24px;
+        font-weight:bold;
+        margin:2px 5px;
+        margin-bottom:10px;
+        padding:5px 10px;
+        padding-top:0px;
+        test-value:#{valid_value};
+        z-index:2;
+      }
+    end
+
+    def invalid_value_name
+      :invalid_value_name
+    end
+
+    def valid_value_name
+      :valid_value_name
+    end
+
+    def valid_value
+      "arbitrary value"
+    end
+
+    def valid_value_hash
+      { valid_value_name => valid_value }
+    end
+
+    def set_valid_value
+      CssStyles.value valid_value_hash
+    end
+    
+    
+    def set_valid_simple_config
+      CssStyles.css_config valid_simple_config_name, valid_simple_config_hash
+    end
+
+    def valid_simple_config_name
+      :valid_config_name
+    end
+
+    def valid_simple_config_hash
+      {
+        :image  => 'images/whatever.gif',
+        :width  => 100,
+        :height => 24,
+      }
+    end
+
+    def set_valid_complex_config
+      CssStyles.css_config valid_complex_config_name, valid_complex_config_hash
+    end
+
+    def valid_complex_config_name
+      :valid_complex_config_name
+    end
+
+    def valid_complex_config_hash
+      {
+        :data       => ["DATA 1","DATA 2","DATA 3"],
+        :height     => 999,
+        :test_value => valid_value_name,
+      }
+    end
+
+    def valid_merged_config_name
+      :valid_complex_config_name
+    end
+
+    def expected_merged_config_hash
+      {
+        :data       => ["DATA 1","DATA 2","DATA 3"],
+        :image  => 'images/whatever.gif',
+        :width  => 100,
+        :height     => 999,
+        :test_value => valid_value,
+      }
+    end
+
+  # assert_dom_equal '<label for="post_body">Body</label>', label_for('post', 'body')
+  # assert_dom_equal '<label for="post_body" class="foo">Body</label>', label_for('post', 'body', {:class => :foo})
+  # assert_dom_equal '<label for="post_body" class="foo">Text</label>', label_for('post', 'body', {:class => :foo, :text => 'Text'})
+
+  # def test_labeled_form_for
+  #   _erbout = ''
+  # 
+  #   labeled_form_for(:post, @post) do |f|
+  #     _erbout.concat f.text_field(:title)
+  #     _erbout.concat f.text_area(:body)
+  #     _erbout.concat f.check_box(:secret)
+  #   end
+  # 
+  #   expected = 
+  #     "<form action='http://www.example.com' method='post'>" +
+  #     "<p><label for='post_title'>Title</label><br />" +
+  #     "<input name='post[title]' size='30' type='text' id='post_title' value='Hello World' /></p>" +
+  #     "<p><label for='post_body'>Body</label><br />" +
+  #     "<textarea name='post[body]' id='post_body' rows='20' cols='40'>Back to the hill and over it again!</textarea></p>" +
+  #     "<p><label for='post_secret'>Secret</label><br />" +
+  #     "<input name='post[secret]' checked='checked' type='checkbox' id='post_secret' value='1' />" +
+  #     "<input name='post[secret]' type='hidden' value='0' /></p>" +
+  #     "</form>"
+  # 
+  #   assert_dom_equal expected, _erbout
+  # end
+  # 
+  # def test_labeled_form_for_with_single_argument
+  #   _erbout = ''
+  # 
+  #   labeled_form_for(:post) do |f|
+  #     _erbout.concat f.text_field(:title)
+  #     _erbout.concat f.text_area(:body)
+  #     _erbout.concat f.check_box(:secret)
+  #   end
+  # 
+  #   expected = 
+  #     "<form action='http://www.example.com' method='post'>" +
+  #     "<p><label for='post_title'>Title</label><br />" +
+  #     "<input name='post[title]' size='30' type='text' id='post_title' value='Hello World' /></p>" +
+  #     "<p><label for='post_body'>Body</label><br />" +
+  #     "<textarea name='post[body]' id='post_body' rows='20' cols='40'>Back to the hill and over it again!</textarea></p>" +
+  #     "<p><label for='post_secret'>Secret</label><br />" +
+  #     "<input name='post[secret]' checked='checked' type='checkbox' id='post_secret' value='1' />" +
+  #     "<input name='post[secret]' type='hidden' value='0' /></p>" +
+  #     "</form>"
+  # 
+  #   assert_dom_equal expected, _erbout
+  # end
+  # 
+  # def test_labeled_form_for_and_fields_for
+  #   _erbout = ''
+  # 
+  #   labeled_form_for(:post, @post) do |post_form|
+  #     _erbout.concat post_form.text_field(:title)
+  #     _erbout.concat post_form.text_area(:body)
+  # 
+  #     post_form.fields_for(:parent_post, @post) do |parent_fields|
+  #       _erbout.concat parent_fields.check_box(:secret)
+  #     end
+  #   end
+  # 
+  #   expected = 
+  #     "<form action='http://www.example.com' method='post'>" +
+  #     "<p><label for='post_title'>Title</label><br />" +
+  #     "<input name='post[title]' size='30' type='text' id='post_title' value='Hello World' /></p>" +
+  #     "<p><label for='post_body'>Body</label><br />" +
+  #     "<textarea name='post[body]' id='post_body' rows='20' cols='40'>Back to the hill and over it again!</textarea></p>" +
+  #     "<p><label for='parent_post_secret'>Secret</label><br />" +
+  #     "<input name='parent_post[secret]' checked='checked' type='checkbox' id='parent_post_secret' value='1' />" +
+  #     "<input name='parent_post[secret]' type='hidden' value='0' /></p>" +
+  #     "</form>"
+  # 
+  #   assert_dom_equal expected, _erbout
+  # end
+  # 
+  # def test_labeled_fields_for
+  #   _erbout = ''
+  # 
+  #   labeled_fields_for(:post, @post) do |f|
+  #     _erbout.concat f.text_field(:title)
+  #     _erbout.concat f.text_area(:body)
+  #     _erbout.concat f.check_box(:secret)
+  #   end
+  # 
+  #   expected = 
+  #     "<p><label for='post_title'>Title</label><br />" +
+  #     "<input name='post[title]' size='30' type='text' id='post_title' value='Hello World' /></p>" +
+  #     "<p><label for='post_body'>Body</label><br />" +
+  #     "<textarea name='post[body]' id='post_body' rows='20' cols='40'>Back to the hill and over it again!</textarea></p>" +
+  #     "<p><label for='post_secret'>Secret</label><br />" +
+  #     "<input name='post[secret]' checked='checked' type='checkbox' id='post_secret' value='1' />" +
+  #     "<input name='post[secret]' type='hidden' value='0' /></p>"
+  # 
+  #   assert_dom_equal expected, _erbout
+  # end
+  # 
+  # def test_labeled_fields_for_with_single_attribute
+  #   _erbout = ''
+  # 
+  #   labeled_fields_for(:post) do |f|
+  #     _erbout.concat f.text_field(:title)
+  #     _erbout.concat f.text_area(:body)
+  #     _erbout.concat f.check_box(:secret)
+  #   end
+  # 
+  #   expected = 
+  #     "<p><label for='post_title'>Title</label><br />" +
+  #     "<input name='post[title]' size='30' type='text' id='post_title' value='Hello World' /></p>" +
+  #     "<p><label for='post_body'>Body</label><br />" +
+  #     "<textarea name='post[body]' id='post_body' rows='20' cols='40'>Back to the hill and over it again!</textarea></p>" +
+  #     "<p><label for='post_secret'>Secret</label><br />" +
+  #     "<input name='post[secret]' checked='checked' type='checkbox' id='post_secret' value='1' />" +
+  #     "<input name='post[secret]' type='hidden' value='0' /></p>"
+  # 
+  #   assert_dom_equal expected, _erbout
+  # end
+  # 
+  # # form tag helpers
+  # def test_label_tag
+  #   assert_dom_equal %(<label for="title">Page Title</label>), label_tag('title', 'Page Title')
+  # end
+  # 
+  # def test_label_tag_with_class
+  #   assert_dom_equal %(<label for="title" class="frm_txt">Page Title</label>), label_tag('title', 'Page Title', :class => 'frm_txt')
+  # end
+
+end