<!DOCTYPE html>
<title>Parsing/serializing 'mask-source-type'</title>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<style>
  * { font-size: 16px; }
  div { font-size: 8px; }
</style>
<body>
<script>
function computedValue(value) {
    var div = document.createElement('div');
    document.body.appendChild(div);
    div.style.setProperty("-webkit-mask-image", "none, none, none, none");
    div.style.setProperty("mask-source-type", value);
    var computedValue = getComputedStyle(div).getPropertyValue("mask-source-type");
    document.body.removeChild(div);
    return computedValue;
}

function makeTest(value, expected) {
    test(function() {
        assert_equals(computedValue(value), expected);
    }, document.title + ', ' + value);
}

makeTest("alpha, alpha, alpha, alpha", "alpha, alpha, alpha, alpha");
makeTest("luminance, alpha", "luminance, alpha, alpha, alpha");
makeTest("luminance, luminance, luminance, luminance",
         "luminance, luminance, luminance, luminance");
makeTest("auto, alpha, luminance, luminance",
         "alpha, alpha, luminance, luminance");
</script>
</body>