description("Test the parsing of the -webkit-image-set function.");

var result;

function testImageSetRule(description, property, rule, expectedTexts)
{
    debug("");
    debug(description + " : " + rule);

    var div = document.createElement("div");
    rule = "-webkit-image-set(" + rule + ")";
    div.style[property] = rule;
    document.body.appendChild(div);
    result = div.style[property].replace(/url\("[^#]*#/g, 'url("#');
    shouldBeEqualToString("result", rule);
    document.body.removeChild(div);
}

testImageSetRule("Single value for background-image",
                "background-image",
                'url("#a") 1x');

testImageSetRule("Multiple values for background-image",
                "background-image",
                'url("#a") 1x, url("#b") 2x');

testImageSetRule("Multiple values for background-image, out of order",
                "background-image",
                'url("#c") 3x, url("#b") 2x, url("#a") 1x');

testImageSetRule("Single value for content",
                "content",
                'url("#a") 1x');

testImageSetRule("Multiple values for content",
                "content",
                'url("#a") 1x, url("#b") 2x');

testImageSetRule("Single value for border-image",
                "-webkit-border-image",
                'url("#a") 1x');

testImageSetRule("Multiple values for border-image",
                "-webkit-border-image",
                'url("#a") 1x, url("#b") 2x');

testImageSetRule("Single value for -webkit-mask-box-image-source",
                "-webkit-mask-box-image-source",
                'url("#a") 1x');

testImageSetRule("Multiple values for -webkit-mask-box-image-source",
                "-webkit-mask-box-image-source",
                'url("#a") 1x, url("#b") 2x');

successfullyParsed = true;