Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-11-25 05:41:12 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1235015 - A mochitest to verify the return value of mask shorthand. r=dbaron

Browse Source 
MozReview-Commit-ID: BH2jy3U8Yvh

--HG--
extra : rebase_source : 904db7ecdd6bc85fc29061b3af308a0b6cc7da4c
This commit is contained in:
cku 2016-06-03 19:28:05 +08:00
parent 7454a40dfc
commit 631a8b1efe
1 changed files with 98 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

98
layout/style/test/test_computed_style.html
View File

@ -242,6 +242,104 @@ var noframe_container = document.getElementById("content");
p.parentNode.removeChild(p);
})();
(function test_bug_1235015() {
if (!("maskImage" in document.documentElement.style)) {
return;
}
// "masks" object contains non-initial mask longhand values.
var emptyMasks = {
// More then one <mask-reference>, or any mask-image value other then
// <mask-source>,
"mask-image": [
"url(#mask1), url(#mask2)",
"linear-gradient(red, yellow)",
"-moz-element(#test)"
],
// any mask-clip value other than "border-box".
"mask-clip": [
"content-box", "padding-box", "margin-box", "fill-box", "stroke-box",
"view-box", "no-clip"
],
// any mask-origin value other than "border-box".
"mask-origin": [
"content-box", "padding-box", "margin-box", "fill-box", "stroke-box",
"view-box"
],
// any mask-composite value other than "add".
"mask-composite": [
"subtract", "intersect", "exclude"
],
// any mask-mode value other than "match-source".
"mask-mode": [
"alpha", "luminance"
],
// any mask-position value other then "50%" "50% 50%" "center"
// "center center".
"mask-position": [
"left", "right", "top", "bottom", "0%", "100%"
],
// any mask-repeat value other then "no-repeat" "no-repeat no-repeat".
"mask-repeat": [
"repeat-x", "repeat-y", "repeat", "space", "round"
],
// any mask-size value other then "auto" "auto auto".
"mask-size": [
"10px", "100%", "cover", "contain", "auto 5px"
],
};
// "masks" object contains initial mask longhand values.
var nonEmptyMasks = {
"mask-image": [
"url(#mask1)", "none"
],
"mask-clip": [
"border-box"
],
"mask-origin": [
"border-box"
],
"mask-composite": [
"add"
],
"mask-mode": [
"match-source"
],
"mask-position": [
"50%", "50% 50%", "center"
],
"mask-repeat": [
"no-repeat", "no-repeat no-repeat"
],
"mask-size": [
"auto", "auto auto"
],
};
var p = document.createElement("p");
var cs = getComputedStyle(p, "");
frame_container.appendChild(p);
for (var prop in emptyMasks) {
var subProp = emptyMasks[prop];
for (var i = 0; i < subProp.length; i++) {
p.style.mask = subProp[i];
is(cs.mask, "", "computed value of " + subProp[i] + " mask");
}
}
for (var prop in nonEmptyMasks) {
var subProp = nonEmptyMasks[prop];
for (var i = 0; i < subProp.length; i++) {
p.style.mask = subProp[i];
isnot(cs.mask, "", "computed value of " + subProp[i] + " mask");
}
}
p.parentNode.removeChild(p);
})();
</script>
</pre>
</body>