Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(7)

Unified Diff: third_party/WebKit/LayoutTests/fast/masking/parsing-mask.html

Issue 1676513003: Move background/webkit-mask shorthands into CSSPropertyParser (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Fix review issues Created 4 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: third_party/WebKit/LayoutTests/fast/masking/parsing-mask.html
diff --git a/third_party/WebKit/LayoutTests/fast/masking/parsing-mask.html b/third_party/WebKit/LayoutTests/fast/masking/parsing-mask.html
index 32f846ca00cb3cf2d30e00f6c630de131788d553..4511888c88793d7468fa85874dbc648ba00e5876 100644
--- a/third_party/WebKit/LayoutTests/fast/masking/parsing-mask.html
+++ b/third_party/WebKit/LayoutTests/fast/masking/parsing-mask.html
@@ -50,30 +50,30 @@ testInner("-webkit-mask", "none, url(file:///image.png)", 'none, url("file:///im
// test mask-position
-testInner("-webkit-mask", "top left", "0% 0%");
-testInner("-webkit-mask", "bottom right", "100% 100%");
-testInner("-webkit-mask", "left bottom", "0% 100%");
-testInner("-webkit-mask", "right top", "100% 0%");
-testInner("-webkit-mask", "center", "50% 50%");
-testInner("-webkit-mask", "none top", "none 50% 0%");
-testInner("-webkit-mask", "none bottom", "none 50% 100%");
-testInner("-webkit-mask", "none right", "none 100% 50%");
-testInner("-webkit-mask", "none top right", "none 100% 0%");
-testInner("-webkit-mask", "none bottom left", "none 0% 100%");
-testInner("-webkit-mask", "none right", "none 100% 50%");
-testInner("-webkit-mask", "none left", "none 0% 50%");
-testInner("-webkit-mask", "center 50%", "50% 50%");
+testInner("-webkit-mask", "top left", "left top");
+testInner("-webkit-mask", "bottom right", "right bottom");
+testInner("-webkit-mask", "left bottom", "left bottom");
+testInner("-webkit-mask", "right top", "right top");
+testInner("-webkit-mask", "center", "center center");
+testInner("-webkit-mask", "none top", "none center top");
+testInner("-webkit-mask", "none bottom", "none center bottom");
+testInner("-webkit-mask", "none right", "none right center");
+testInner("-webkit-mask", "none top right", "none right top");
+testInner("-webkit-mask", "none bottom left", "none left bottom");
+testInner("-webkit-mask", "none right", "none right center");
+testInner("-webkit-mask", "none left", "none left center");
+testInner("-webkit-mask", "center 50%", "center 50%");
testInner("-webkit-mask", "50px 50%", "50px 50%");
-testInner("-webkit-mask", "center left", "0% 50%");
-testInner("-webkit-mask", "top center", "50% 0%");
+testInner("-webkit-mask", "center left", "left center");
+testInner("-webkit-mask", "top center", "center top");
testInner("-webkit-mask", "left 10px top 15px", "left 10px top 15px");
testInner("-webkit-mask", "left 10% top 30%", "left 10% top 30%");
-testInner("-webkit-mask", "right top 15px", "right 0% top 15px");
-testInner("-webkit-mask", "left 10px center", "left 10px top 50%");
-testInner("-webkit-mask", "center top 20px", "left 50% top 20px");
-testInner("-webkit-mask", "center left 30px", "left 30px top 50%");
-testInner("-webkit-mask", "left 20% top", "left 20% top 0%");
-testInner("-webkit-mask", "center center", "50% 50%");
+testInner("-webkit-mask", "right top 15px", "right top 15px");
+testInner("-webkit-mask", "left 10px center", "left 10px center");
+testInner("-webkit-mask", "center top 20px", "center top 20px");
+testInner("-webkit-mask", "center left 30px", "left 30px center");
+testInner("-webkit-mask", "left 20% top", "left 20% top");
+testInner("-webkit-mask", "center center", "center center");
testInner("-webkit-mask-position", "left 10px top 15px", "left 10px top 15px");
testInner("-webkit-mask-position", "left 10% top 30%", "left 10% top 30%");
@@ -118,27 +118,27 @@ testInner("-webkit-mask", "padding-box border-box none", "none padding-box borde
testInner("-webkit-mask", "none padding-box border-box", "none padding-box border-box");
// test mask-size
-testInner("-webkit-mask", "none left top / auto", "none 0% 0% / auto");
-testInner("-webkit-mask", "none left top / auto auto", "none 0% 0% / auto");
-testInner("-webkit-mask", "none left top / 100%", "none 0% 0% / 100%");
-testInner("-webkit-mask", "none left top / 100% 100%", "none 0% 0% / 100% 100%");
-testInner("-webkit-mask", "none left top / 0%", "none 0% 0% / 0%");
-testInner("-webkit-mask", "none left top / auto 0%", "none 0% 0% / auto 0%");
-testInner("-webkit-mask", "none left top / cover", "none 0% 0% / cover");
-testInner("-webkit-mask", "none left top / contain", "none 0% 0% / contain");
+testInner("-webkit-mask", "none left top / auto", "none left top / auto");
+testInner("-webkit-mask", "none left top / auto auto", "none left top / auto");
+testInner("-webkit-mask", "none left top / 100%", "none left top / 100%");
+testInner("-webkit-mask", "none left top / 100% 100%", "none left top / 100% 100%");
+testInner("-webkit-mask", "none left top / 0%", "none left top / 0%");
+testInner("-webkit-mask", "none left top / auto 0%", "none left top / auto 0%");
+testInner("-webkit-mask", "none left top / cover", "none left top / cover");
+testInner("-webkit-mask", "none left top / contain", "none left top / contain");
testInner("-webkit-mask", "none left 20px top 10px / contain", "none left 20px top 10px / contain");
-testInner("-webkit-mask", "none left 20px top / contain", "none left 20px top 0% / contain");
+testInner("-webkit-mask", "none left 20px top / contain", "none left 20px top / contain");
// combinations
testInner("-webkit-mask", "none padding-box content-box", "none padding-box content-box");
testInner("-webkit-mask", "none padding-box", "none padding-box padding-box");
-testInner("-webkit-mask", "none top", "none 50% 0%");
-testInner("-webkit-mask", "none center right 20px", "none right 20px top 50%");
-testInner("-webkit-mask", "none border-box left top", "none 0% 0% border-box border-box");
-testInner("-webkit-mask", "none border-box left top 20px", "none left 0% top 20px border-box border-box");
-testInner("-webkit-mask", "none border-box content-box left top repeat-x", "none 0% 0% repeat-x border-box content-box");
-testInner("-webkit-mask", "none border-box content-box left top / auto repeat-x", "none 0% 0% / auto repeat-x border-box content-box");
-testInner("-webkit-mask", "none border-box content-box right 0px center / auto repeat-x", "none right 0px top 50% / auto repeat-x border-box content-box");
+testInner("-webkit-mask", "none top", "none center top");
+testInner("-webkit-mask", "none center right 20px", "none right 20px center");
+testInner("-webkit-mask", "none border-box left top", "none left top border-box border-box");
+testInner("-webkit-mask", "none border-box left top 20px", "none left top 20px border-box border-box");
+testInner("-webkit-mask", "none border-box content-box left top repeat-x", "none left top repeat-x border-box content-box");
+testInner("-webkit-mask", "none border-box content-box left top / auto repeat-x", "none left top / auto repeat-x border-box content-box");
+testInner("-webkit-mask", "none border-box content-box right 0px center / auto repeat-x", "none right 0px center / auto repeat-x border-box content-box");
// FIXME: Computed style not yet implemented.
// testComputed("-webkit-mask", "", "");

Powered by Google App Engine
This is Rietveld 408576698