blob: d8cde7f2ebfd00cb6b807978f48cd362021ca915 [file] [log] [blame]
<!DOCTYPE html>
<html>
<style>
* { font-size: 16px; }
div { font-size: 8px; }
</style>
<body>
<script src="../../resources/js-test-pre.js"></script>
<script>
function setProperty(value) {
var div = document.createElement('div');
document.body.appendChild(div);
div.style.setProperty("mask-image", "none, none, none, none");
div.style.setProperty("mask-mode", value);
var computedValue = getComputedStyle(div).getPropertyValue("mask-mode");
document.body.removeChild(div);
return computedValue;
}
function test(value, expected) {
shouldBeEqualToString('setProperty("' + value + '")', expected);
}
test("alpha, alpha, alpha, alpha", "alpha, alpha, alpha, alpha");
test("luminance, alpha", "luminance, alpha, match-source, match-source");
test("luminance, luminance, luminance, luminance", "luminance, luminance, luminance, luminance");
test("match-source, alpha, luminance, luminance", "match-source, alpha, luminance, luminance");
</script>
<script src="../../resources/js-test-post.js"></script>
</body>
</html>