2008-06-05 15:06:48 -07:00
|
|
|
require 'test/unit'
|
|
|
|
require File.dirname(__FILE__) + '/../../lib/sass'
|
2008-10-12 19:03:06 -07:00
|
|
|
require 'sass/script'
|
2008-06-05 15:06:48 -07:00
|
|
|
|
|
|
|
class SassFunctionTest < Test::Unit::TestCase
|
|
|
|
def test_hsl
|
|
|
|
# These tests adapted from the w3c browser tests
|
|
|
|
# http://www.w3.org/Style/CSS/Test/CSS3/Color/20070927/html4/t040204-hsl-h-rotating-b.htm
|
|
|
|
red = [255, 0, 0]
|
2008-10-11 14:55:45 -07:00
|
|
|
assert_rgb_hsl(red, ['0', '100%', '50%'])
|
|
|
|
assert_rgb_hsl(red, ['-360', '100%', '50%'])
|
|
|
|
assert_rgb_hsl(red, ['360', '100%', '50%'])
|
|
|
|
assert_rgb_hsl(red, ['6120', '100%', '50%'])
|
2008-06-05 15:06:48 -07:00
|
|
|
|
|
|
|
yellow = [255, 255, 0]
|
2008-10-11 14:55:45 -07:00
|
|
|
assert_rgb_hsl(yellow, ['60', '100%', '50%'])
|
|
|
|
assert_rgb_hsl(yellow, ['-300', '100%', '50%'])
|
|
|
|
assert_rgb_hsl(yellow, ['420', '100%', '50%'])
|
|
|
|
assert_rgb_hsl(yellow, ['-9660', '100%', '50%'])
|
2008-06-05 15:06:48 -07:00
|
|
|
|
|
|
|
green = [0, 255, 0]
|
2008-10-11 14:55:45 -07:00
|
|
|
assert_rgb_hsl(green, ['120', '100%', '50%'])
|
|
|
|
assert_rgb_hsl(green, ['-240', '100%', '50%'])
|
|
|
|
assert_rgb_hsl(green, ['480', '100%', '50%'])
|
|
|
|
assert_rgb_hsl(green, ['99840', '100%', '50%'])
|
2008-06-05 15:06:48 -07:00
|
|
|
|
|
|
|
cyan = [0, 255, 255]
|
2008-10-11 14:55:45 -07:00
|
|
|
assert_rgb_hsl(cyan, ['180', '100%', '50%'])
|
|
|
|
assert_rgb_hsl(cyan, ['-180', '100%', '50%'])
|
|
|
|
assert_rgb_hsl(cyan, ['540', '100%', '50%'])
|
|
|
|
assert_rgb_hsl(cyan, ['-900', '100%', '50%'])
|
2008-06-05 15:06:48 -07:00
|
|
|
|
|
|
|
blue = [0, 0, 255]
|
2008-10-11 14:55:45 -07:00
|
|
|
assert_rgb_hsl(blue, ['240', '100%', '50%'])
|
|
|
|
assert_rgb_hsl(blue, ['-120', '100%', '50%'])
|
|
|
|
assert_rgb_hsl(blue, ['600', '100%', '50%'])
|
|
|
|
assert_rgb_hsl(blue, ['-104880', '100%', '50%'])
|
2008-06-05 15:06:48 -07:00
|
|
|
|
|
|
|
purple = [255, 0, 255]
|
2008-10-11 14:55:45 -07:00
|
|
|
assert_rgb_hsl(purple, ['300', '100%', '50%'])
|
|
|
|
assert_rgb_hsl(purple, ['-60', '100%', '50%'])
|
|
|
|
assert_rgb_hsl(purple, ['660', '100%', '50%'])
|
|
|
|
assert_rgb_hsl(purple, ['2820', '100%', '50%'])
|
2008-06-05 15:06:48 -07:00
|
|
|
end
|
|
|
|
|
2008-10-25 19:02:54 -07:00
|
|
|
def test_hsl_checks_bounds
|
|
|
|
assert_error_message("Saturation -114 must be between 0% and 100% for `hsl'", "hsl(10, -114, 12)");
|
|
|
|
assert_error_message("Lightness 256 must be between 0% and 100% for `hsl'", "hsl(10, 10, 256%)");
|
|
|
|
end
|
|
|
|
|
2008-10-13 09:32:17 -07:00
|
|
|
def test_percentage
|
2008-10-13 11:47:44 -07:00
|
|
|
assert_equal("50%", evaluate("percentage(.5)"))
|
|
|
|
assert_equal("100%", evaluate("percentage(1)"))
|
|
|
|
assert_equal("25%", evaluate("percentage(25px / 100px)"))
|
|
|
|
assert_error_message("25px is not a unitless number for `percentage'", "percentage(25px)")
|
|
|
|
assert_error_message("#cccccc is not a unitless number for `percentage'", "percentage(#ccc)")
|
2008-12-10 01:15:38 -08:00
|
|
|
assert_error_message("string is not a unitless number for `percentage'", %Q{percentage("string")})
|
2008-10-13 11:47:44 -07:00
|
|
|
end
|
|
|
|
|
2009-03-24 14:54:13 -07:00
|
|
|
def test_round
|
2008-10-13 11:47:44 -07:00
|
|
|
assert_equal("5", evaluate("round(4.8)"))
|
|
|
|
assert_equal("5px", evaluate("round(4.8px)"))
|
|
|
|
assert_equal("5px", evaluate("round(5.49px)"))
|
2009-03-24 14:54:13 -07:00
|
|
|
|
|
|
|
assert_error_message("#cccccc is not a number for `round'", "round(#ccc)")
|
|
|
|
end
|
|
|
|
|
|
|
|
def test_floor
|
2008-10-13 11:47:44 -07:00
|
|
|
assert_equal("4", evaluate("floor(4.8)"))
|
|
|
|
assert_equal("4px", evaluate("floor(4.8px)"))
|
2009-03-24 14:54:13 -07:00
|
|
|
|
|
|
|
assert_error_message("foo is not a number for `floor'", "floor(\"foo\")")
|
|
|
|
end
|
|
|
|
|
|
|
|
def test_ceil
|
2008-10-13 11:47:44 -07:00
|
|
|
assert_equal("5", evaluate("ceil(4.1)"))
|
|
|
|
assert_equal("5px", evaluate("ceil(4.8px)"))
|
2009-03-24 14:54:13 -07:00
|
|
|
|
|
|
|
assert_error_message("a is not a number for `ceil'", "ceil(\"a\")")
|
|
|
|
end
|
|
|
|
|
|
|
|
def test_abs
|
2008-10-13 11:47:44 -07:00
|
|
|
assert_equal("5", evaluate("abs(-5)"))
|
|
|
|
assert_equal("5px", evaluate("abs(-5px)"))
|
|
|
|
assert_equal("5", evaluate("abs(5)"))
|
|
|
|
assert_equal("5px", evaluate("abs(5px)"))
|
2009-03-24 14:54:13 -07:00
|
|
|
|
2008-10-13 11:47:44 -07:00
|
|
|
assert_error_message("#aaaaaa is not a number for `abs'", "abs(#aaa)")
|
2008-10-13 09:32:17 -07:00
|
|
|
end
|
|
|
|
|
2009-07-04 14:37:18 -07:00
|
|
|
def test_rgb
|
|
|
|
assert_equal("#123456", evaluate("rgb(18, 52, 86)"))
|
|
|
|
assert_equal("#beaded", evaluate("rgb(190, 173, 237)"))
|
|
|
|
|
|
|
|
assert_error_message("Color value 256 must be between 0 and 255 inclusive for `rgb'",
|
|
|
|
"rgb(256, 1, 1)")
|
|
|
|
assert_error_message("Color value 256 must be between 0 and 255 inclusive for `rgb'",
|
|
|
|
"rgb(1, 256, 1)")
|
|
|
|
assert_error_message("Color value 256 must be between 0 and 255 inclusive for `rgb'",
|
|
|
|
"rgb(1, 1, 256)")
|
|
|
|
assert_error_message("Color value 256 must be between 0 and 255 inclusive for `rgb'",
|
|
|
|
"rgb(1, 256, 257)")
|
|
|
|
assert_error_message("Color value -1 must be between 0 and 255 inclusive for `rgb'",
|
|
|
|
"rgb(-1, 1, 1)")
|
|
|
|
end
|
|
|
|
|
2008-06-05 15:06:48 -07:00
|
|
|
private
|
|
|
|
|
|
|
|
def assert_rgb_hsl(rgb, hsl)
|
2008-12-09 12:09:34 -08:00
|
|
|
hsl = hsl.map {|v| Sass::Script::Parser.parse v, 0, 0 }
|
2009-04-24 18:58:56 -07:00
|
|
|
assert_equal(rgb, Sass::Script::Functions::EvaluationContext.new({}).hsl(*hsl).value)
|
2008-06-05 15:06:48 -07:00
|
|
|
end
|
2008-10-13 09:32:17 -07:00
|
|
|
|
2008-10-13 11:47:44 -07:00
|
|
|
def evaluate(value)
|
2009-04-05 00:13:08 -07:00
|
|
|
Sass::Script::Parser.parse(value, 0, 0).perform(Sass::Environment.new).to_s
|
2008-10-13 11:47:44 -07:00
|
|
|
end
|
|
|
|
|
|
|
|
def assert_error_message(message, value)
|
2008-10-25 19:02:54 -07:00
|
|
|
evaluate(value)
|
|
|
|
flunk("Error message expected but not raised: #{message}")
|
|
|
|
rescue Sass::SyntaxError => e
|
|
|
|
assert_equal(message, e.message)
|
2008-10-13 09:32:17 -07:00
|
|
|
end
|
|
|
|
|
2008-06-05 15:06:48 -07:00
|
|
|
end
|