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

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: third_party/WebKit/LayoutTests/fast/backgrounds/background-position-parsing-2.html

Issue 1715513002: Move background related shorthands into CSSPropertyParser (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Rebase test Created 4 years, 10 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
« no previous file with comments | « third_party/WebKit/LayoutTests/animations/interpolation/background-position-origin-interpolation-expected.txt ('k') | third_party/WebKit/LayoutTests/fast/backgrounds/background-position-parsing-2-expected.txt » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: third_party/WebKit/LayoutTests/fast/backgrounds/background-position-parsing-2.html
diff --git a/third_party/WebKit/LayoutTests/fast/backgrounds/background-position-parsing-2.html b/third_party/WebKit/LayoutTests/fast/backgrounds/background-position-parsing-2.html
index 2e5816c0e689de68a563bcf40a6489bbbc6b03e2..db23060b434192fd0bb1eca41b31a06bec3e1417 100644
--- a/third_party/WebKit/LayoutTests/fast/backgrounds/background-position-parsing-2.html
+++ b/third_party/WebKit/LayoutTests/fast/backgrounds/background-position-parsing-2.html
@@ -25,60 +25,60 @@ shouldBe("computedStyle.backgroundPosition", "'0% 0%'");
style.backgroundPosition = "70%";
// Second value is assuming to be 'center'
-shouldBe("style.backgroundPosition", "'70% 50%'");
+shouldBe("style.backgroundPosition", "'70% center'");
shouldBe("computedStyle.backgroundPosition", "'70% 50%'");
style.backgroundPosition = "84px";
-shouldBe("style.backgroundPosition", "'84px 50%'");
+shouldBe("style.backgroundPosition", "'84px center'");
shouldBe("computedStyle.backgroundPosition", "'84px 50%'");
style.backgroundPosition = "left";
-shouldBe("style.backgroundPosition", "'0% 50%'");
+shouldBe("style.backgroundPosition", "'left center'");
shouldBe("computedStyle.backgroundPosition", "'0% 50%'");
style.backgroundPosition = "right";
-shouldBe("style.backgroundPosition", "'100% 50%'");
+shouldBe("style.backgroundPosition", "'right center'");
shouldBe("computedStyle.backgroundPosition", "'100% 50%'");
style.backgroundPosition = "bottom";
-shouldBe("style.backgroundPosition", "'50% 100%'");
+shouldBe("style.backgroundPosition", "'center bottom'");
shouldBe("computedStyle.backgroundPosition", "'50% 100%'");
style.backgroundPosition = "top";
-shouldBe("style.backgroundPosition", "'50% 0%'");
+shouldBe("style.backgroundPosition", "'center top'");
shouldBe("computedStyle.backgroundPosition", "'50% 0%'");
style.backgroundPosition = "center";
-shouldBe("style.backgroundPosition", "'50% 50%'");
+shouldBe("style.backgroundPosition", "'center center'");
shouldBe("computedStyle.backgroundPosition", "'50% 50%'");
debug("background-position with two values");
style.backgroundPosition = "left bottom";
-shouldBe("style.backgroundPosition", "'0% 100%'");
+shouldBe("style.backgroundPosition", "'left bottom'");
shouldBe("computedStyle.backgroundPosition", "'0% 100%'");
style.backgroundPosition = "bottom left";
-shouldBe("style.backgroundPosition", "'0% 100%'");
+shouldBe("style.backgroundPosition", "'left bottom'");
shouldBe("computedStyle.backgroundPosition", "'0% 100%'");
style.backgroundPosition = "100% bottom";
-shouldBe("style.backgroundPosition", "'100% 100%'");
+shouldBe("style.backgroundPosition", "'100% bottom'");
shouldBe("computedStyle.backgroundPosition", "'100% 100%'");
style.backgroundPosition = "100% top";
-shouldBe("style.backgroundPosition", "'100% 0%'");
+shouldBe("style.backgroundPosition", "'100% top'");
shouldBe("computedStyle.backgroundPosition", "'100% 0%'");
style.backgroundPosition = "54px bottom";
-shouldBe("style.backgroundPosition", "'54px 100%'");
+shouldBe("style.backgroundPosition", "'54px bottom'");
shouldBe("computedStyle.backgroundPosition", "'54px 100%'");
style.backgroundPosition = "center center";
-shouldBe("style.backgroundPosition", "'50% 50%'");
+shouldBe("style.backgroundPosition", "'center center'");
shouldBe("computedStyle.backgroundPosition", "'50% 50%'");
style.backgroundPosition = "5% bottom";
-shouldBe("style.backgroundPosition", "'5% 100%'");
+shouldBe("style.backgroundPosition", "'5% bottom'");
shouldBe("computedStyle.backgroundPosition", "'5% 100%'");
style.backgroundPosition = "30pt -20px";
@@ -86,7 +86,7 @@ shouldBe("style.backgroundPosition", "'30pt -20px'");
shouldBe("computedStyle.backgroundPosition", "'40px -20px'");
style.backgroundPosition = "right center";
-shouldBe("style.backgroundPosition", "'100% 50%'");
+shouldBe("style.backgroundPosition", "'right center'");
shouldBe("computedStyle.backgroundPosition", "'100% 50%'");
style.backgroundPosition = "100% 0";
@@ -94,84 +94,84 @@ shouldBe("style.backgroundPosition", "'100% 0px'");
shouldBe("computedStyle.backgroundPosition", "'100% 0px'");
style.backgroundPosition = "center right";
-shouldBe("style.backgroundPosition", "'100% 50%'");
+shouldBe("style.backgroundPosition", "'right center'");
shouldBe("computedStyle.backgroundPosition", "'100% 50%'");
style.backgroundPosition = "center 50%";
-shouldBe("style.backgroundPosition", "'50% 50%'");
+shouldBe("style.backgroundPosition", "'center 50%'");
shouldBe("computedStyle.backgroundPosition", "'50% 50%'");
style.backgroundPosition = "center left";
-shouldBe("style.backgroundPosition", "'0% 50%'");
+shouldBe("style.backgroundPosition", "'left center'");
shouldBe("computedStyle.backgroundPosition", "'0% 50%'");
style.backgroundPosition = "-20% center";
-shouldBe("style.backgroundPosition", "'-20% 50%'");
+shouldBe("style.backgroundPosition", "'-20% center'");
shouldBe("computedStyle.backgroundPosition", "'-20% 50%'");
style.backgroundPosition = "top right";
-shouldBe("style.backgroundPosition", "'100% 0%'");
+shouldBe("style.backgroundPosition", "'right top'");
shouldBe("computedStyle.backgroundPosition", "'100% 0%'");
style.backgroundPosition = "50% center";
-shouldBe("style.backgroundPosition", "'50% 50%'");
+shouldBe("style.backgroundPosition", "'50% center'");
shouldBe("computedStyle.backgroundPosition", "'50% 50%'");
debug("background-position invalid with one or two values, no change expected");
style.backgroundPosition = "5 right";
-shouldBe("style.backgroundPosition", "'50% 50%'");
+shouldBe("style.backgroundPosition", "'50% center'");
shouldBe("computedStyle.backgroundPosition", "'50% 50%'");
style.backgroundPosition = "0 right";
-shouldBe("style.backgroundPosition", "'50% 50%'");
+shouldBe("style.backgroundPosition", "'50% center'");
shouldBe("computedStyle.backgroundPosition", "'50% 50%'");
style.backgroundPosition = "0px right";
-shouldBe("style.backgroundPosition", "'50% 50%'");
+shouldBe("style.backgroundPosition", "'50% center'");
shouldBe("computedStyle.backgroundPosition", "'50% 50%'");
style.backgroundPosition = "top 108px";
-shouldBe("style.backgroundPosition", "'50% 50%'");
+shouldBe("style.backgroundPosition", "'50% center'");
shouldBe("computedStyle.backgroundPosition", "'50% 50%'");
style.backgroundPosition = "top 100%";
-shouldBe("style.backgroundPosition", "'50% 50%'");
+shouldBe("style.backgroundPosition", "'50% center'");
shouldBe("computedStyle.backgroundPosition", "'50% 50%'");
style.backgroundPosition = "60 50%";
-shouldBe("style.backgroundPosition", "'50% 50%'");
+shouldBe("style.backgroundPosition", "'50% center'");
shouldBe("computedStyle.backgroundPosition", "'50% 50%'");
style.backgroundPosition = "hidden";
-shouldBe("style.backgroundPosition", "'50% 50%'");
+shouldBe("style.backgroundPosition", "'50% center'");
shouldBe("computedStyle.backgroundPosition", "'50% 50%'");
style.backgroundPosition = "hidden solid";
-shouldBe("style.backgroundPosition", "'50% 50%'");
+shouldBe("style.backgroundPosition", "'50% center'");
shouldBe("computedStyle.backgroundPosition", "'50% 50%'");
style.backgroundPosition = "bottombottom";
-shouldBe("style.backgroundPosition", "'50% 50%'");
+shouldBe("style.backgroundPosition", "'50% center'");
shouldBe("computedStyle.backgroundPosition", "'50% 50%'");
style.backgroundPosition = "left left";
-shouldBe("style.backgroundPosition", "'50% 50%'");
+shouldBe("style.backgroundPosition", "'50% center'");
shouldBe("computedStyle.backgroundPosition", "'50% 50%'");
style.backgroundPosition = "left right";
-shouldBe("style.backgroundPosition", "'50% 50%'");
+shouldBe("style.backgroundPosition", "'50% center'");
shouldBe("computedStyle.backgroundPosition", "'50% 50%'");
style.backgroundPosition = "top top";
-shouldBe("style.backgroundPosition", "'50% 50%'");
+shouldBe("style.backgroundPosition", "'50% center'");
shouldBe("computedStyle.backgroundPosition", "'50% 50%'");
style.backgroundPosition = "50% left";
-shouldBe("style.backgroundPosition", "'50% 50%'");
+shouldBe("style.backgroundPosition", "'50% center'");
shouldBe("computedStyle.backgroundPosition", "'50% 50%'");
style.backgroundPosition = "50";
-shouldBe("style.backgroundPosition", "'50% 50%'");
+shouldBe("style.backgroundPosition", "'50% center'");
shouldBe("computedStyle.backgroundPosition", "'50% 50%'");
style.backgroundPosition = "1px+1px";
@@ -183,32 +183,32 @@ style.backgroundImage = "url(resources/diamond.png), url(resources/ring.png)";
style.backgroundRepeat = "no-repeat";
style.backgroundPosition = "50%, 100%";
-shouldBe("style.backgroundPosition", "'50% 50%, 100% 50%'");
+shouldBe("style.backgroundPosition", "'50% center, 100% center'");
shouldBe("computedStyle.backgroundPosition", "'50% 50%, 100% 50%'");
style.backgroundPosition = "top, bottom";
-shouldBe("style.backgroundPosition", "'50% 0%, 50% 100%'");
+shouldBe("style.backgroundPosition", "'center top, center bottom'");
shouldBe("computedStyle.backgroundPosition", "'50% 0%, 50% 100%'");
style.backgroundPosition = "right center, 5px bottom";
-shouldBe("style.backgroundPosition", "'100% 50%, 5px 100%'");
+shouldBe("style.backgroundPosition", "'right center, 5px bottom'");
shouldBe("computedStyle.backgroundPosition", "'100% 50%, 5px 100%'");
style.backgroundPosition = "top left, bottom right";
-shouldBe("style.backgroundPosition", "'0% 0%, 100% 100%'");
+shouldBe("style.backgroundPosition", "'left top, right bottom'");
shouldBe("computedStyle.backgroundPosition", "'0% 0%, 100% 100%'");
debug("background-position with CSS3 comma separator, with invalid one or two values, no change expected");
style.backgroundPosition = "0 center, right right";
-shouldBe("style.backgroundPosition", "'0% 0%, 100% 100%'");
+shouldBe("style.backgroundPosition", "'left top, right bottom'");
shouldBe("computedStyle.backgroundPosition", "'0% 0%, 100% 100%'");
style.backgroundPosition = "center right, right right";
-shouldBe("style.backgroundPosition", "'0% 0%, 100% 100%'");
+shouldBe("style.backgroundPosition", "'left top, right bottom'");
shouldBe("computedStyle.backgroundPosition", "'0% 0%, 100% 100%'");
style.backgroundPosition = "center 20px, solid 20px";
-shouldBe("style.backgroundPosition", "'0% 0%, 100% 100%'");
+shouldBe("style.backgroundPosition", "'left top, right bottom'");
shouldBe("computedStyle.backgroundPosition", "'0% 0%, 100% 100%'");
debug("background-position with CSS3 four values");
@@ -226,159 +226,159 @@ shouldBe("style.backgroundPosition", "'left 30% top 10%'");
shouldBe("computedStyle.backgroundPosition", "'left 30% top 10%'");
style.backgroundPosition = "right top 15px";
-shouldBe("style.backgroundPosition", "'right 0% top 15px'");
-shouldBe("computedStyle.backgroundPosition", "'right 0% top 15px'");
+shouldBe("style.backgroundPosition", "'right top 15px'");
+shouldBe("computedStyle.backgroundPosition", "'100% top 15px'");
style.backgroundPosition = "left 10px center";
-shouldBe("style.backgroundPosition", "'left 10px top 50%'");
-shouldBe("computedStyle.backgroundPosition", "'left 10px top 50%'");
+shouldBe("style.backgroundPosition", "'left 10px center'");
+shouldBe("computedStyle.backgroundPosition", "'left 10px 50%'");
style.backgroundPosition = "center top 20px";
-shouldBe("style.backgroundPosition", "'left 50% top 20px'");
-shouldBe("computedStyle.backgroundPosition", "'left 50% top 20px'");
+shouldBe("style.backgroundPosition", "'center top 20px'");
+shouldBe("computedStyle.backgroundPosition", "'50% top 20px'");
style.backgroundPosition = "top 20px center";
-shouldBe("style.backgroundPosition", "'left 50% top 20px'");
-shouldBe("computedStyle.backgroundPosition", "'left 50% top 20px'");
+shouldBe("style.backgroundPosition", "'center top 20px'");
+shouldBe("computedStyle.backgroundPosition", "'50% top 20px'");
style.backgroundPosition = "center left 30px";
-shouldBe("style.backgroundPosition", "'left 30px top 50%'");
-shouldBe("computedStyle.backgroundPosition", "'left 30px top 50%'");
+shouldBe("style.backgroundPosition", "'left 30px center'");
+shouldBe("computedStyle.backgroundPosition", "'left 30px 50%'");
+
+style.backgroundPosition = "left 20% top";
+shouldBe("style.backgroundPosition", "'left 20% top'");
+shouldBe("computedStyle.backgroundPosition", "'left 20% 0%'");
style.backgroundPosition = "";
shouldBe("style.backgroundPosition", "''");
shouldBe("computedStyle.backgroundPosition", "'0% 0%'");
-style.backgroundPosition = "left 20% top";
-shouldBe("style.backgroundPosition", "'left 20% top 0%'");
-shouldBe("computedStyle.backgroundPosition", "'left 20% top 0%'");
-
debug("background-position with CSS3 invalid four values, no change expected");
style.backgroundPosition = "left center top";
-shouldBe("style.backgroundPosition", "'left 20% top 0%'");
-shouldBe("computedStyle.backgroundPosition", "'left 20% top 0%'");
+shouldBe("style.backgroundPosition", "''");
+shouldBe("computedStyle.backgroundPosition", "'0% 0%'");
style.backgroundPosition = "0px right top";
-shouldBe("style.backgroundPosition", "'left 20% top 0%'");
-shouldBe("computedStyle.backgroundPosition", "'left 20% top 0%'");
+shouldBe("style.backgroundPosition", "''");
+shouldBe("computedStyle.backgroundPosition", "'0% 0%'");
style.backgroundPosition = "left center top center";
-shouldBe("style.backgroundPosition", "'left 20% top 0%'");
-shouldBe("computedStyle.backgroundPosition", "'left 20% top 0%'");
+shouldBe("style.backgroundPosition", "''");
+shouldBe("computedStyle.backgroundPosition", "'0% 0%'");
style.backgroundPosition = "left center top 20%";
-shouldBe("style.backgroundPosition", "'left 20% top 0%'");
-shouldBe("computedStyle.backgroundPosition", "'left 20% top 0%'");
+shouldBe("style.backgroundPosition", "''");
+shouldBe("computedStyle.backgroundPosition", "'0% 0%'");
style.backgroundPosition = "center bottom top 20%";
-shouldBe("style.backgroundPosition", "'left 20% top 0%'");
-shouldBe("computedStyle.backgroundPosition", "'left 20% top 0%'");
+shouldBe("style.backgroundPosition", "''");
+shouldBe("computedStyle.backgroundPosition", "'0% 0%'");
style.backgroundPosition = "right bottom top";
-shouldBe("style.backgroundPosition", "'left 20% top 0%'");
-shouldBe("computedStyle.backgroundPosition", "'left 20% top 0%'");
+shouldBe("style.backgroundPosition", "''");
+shouldBe("computedStyle.backgroundPosition", "'0% 0%'");
style.backgroundPosition = "right bottom solid";
-shouldBe("style.backgroundPosition", "'left 20% top 0%'");
-shouldBe("computedStyle.backgroundPosition", "'left 20% top 0%'");
+shouldBe("style.backgroundPosition", "''");
+shouldBe("computedStyle.backgroundPosition", "'0% 0%'");
style.backgroundPosition = "20px bottom top";
-shouldBe("style.backgroundPosition", "'left 20% top 0%'");
-shouldBe("computedStyle.backgroundPosition", "'left 20% top 0%'");
+shouldBe("style.backgroundPosition", "''");
+shouldBe("computedStyle.backgroundPosition", "'0% 0%'");
style.backgroundPosition = "20px bottom hidden";
-shouldBe("style.backgroundPosition", "'left 20% top 0%'");
-shouldBe("computedStyle.backgroundPosition", "'left 20% top 0%'");
+shouldBe("style.backgroundPosition", "''");
+shouldBe("computedStyle.backgroundPosition", "'0% 0%'");
style.backgroundPosition = "solid dotted bottom top";
-shouldBe("style.backgroundPosition", "'left 20% top 0%'");
-shouldBe("computedStyle.backgroundPosition", "'left 20% top 0%'");
+shouldBe("style.backgroundPosition", "''");
+shouldBe("computedStyle.backgroundPosition", "'0% 0%'");
style.backgroundPosition = "top top top top";
-shouldBe("style.backgroundPosition", "'left 20% top 0%'");
-shouldBe("computedStyle.backgroundPosition", "'left 20% top 0%'");
+shouldBe("style.backgroundPosition", "''");
+shouldBe("computedStyle.backgroundPosition", "'0% 0%'");
style.backgroundPosition = "left 0px right 20%";
-shouldBe("style.backgroundPosition", "'left 20% top 0%'");
-shouldBe("computedStyle.backgroundPosition", "'left 20% top 0%'");
+shouldBe("style.backgroundPosition", "''");
+shouldBe("computedStyle.backgroundPosition", "'0% 0%'");
style.backgroundPosition = "left 30% top 20% center";
-shouldBe("style.backgroundPosition", "'left 20% top 0%'");
-shouldBe("computedStyle.backgroundPosition", "'left 20% top 0%'");
+shouldBe("style.backgroundPosition", "''");
+shouldBe("computedStyle.backgroundPosition", "'0% 0%'");
style.backgroundPosition = "20px 30% bottom";
-shouldBe("style.backgroundPosition", "'left 20% top 0%'");
-shouldBe("computedStyle.backgroundPosition", "'left 20% top 0%'");
+shouldBe("style.backgroundPosition", "''");
+shouldBe("computedStyle.backgroundPosition", "'0% 0%'");
style.backgroundPosition = "top 0px bottom";
-shouldBe("style.backgroundPosition", "'left 20% top 0%'");
-shouldBe("computedStyle.backgroundPosition", "'left 20% top 0%'");
+shouldBe("style.backgroundPosition", "''");
+shouldBe("computedStyle.backgroundPosition", "'0% 0%'");
style.backgroundPosition = "left 0px right";
-shouldBe("style.backgroundPosition", "'left 20% top 0%'");
-shouldBe("computedStyle.backgroundPosition", "'left 20% top 0%'");
+shouldBe("style.backgroundPosition", "''");
+shouldBe("computedStyle.backgroundPosition", "'0% 0%'");
style.backgroundPosition = "top 0px bottom 30px top";
-shouldBe("style.backgroundPosition", "'left 20% top 0%'");
-shouldBe("computedStyle.backgroundPosition", "'left 20% top 0%'");
+shouldBe("style.backgroundPosition", "''");
+shouldBe("computedStyle.backgroundPosition", "'0% 0%'");
style.backgroundPosition = "left 10px center 15px";
-shouldBe("style.backgroundPosition", "'left 20% top 0%'");
-shouldBe("computedStyle.backgroundPosition", "'left 20% top 0%'");
+shouldBe("style.backgroundPosition", "''");
+shouldBe("computedStyle.backgroundPosition", "'0% 0%'");
style.backgroundPosition = "left 10px top center";
-shouldBe("style.backgroundPosition", "'left 20% top 0%'");
-shouldBe("computedStyle.backgroundPosition", "'left 20% top 0%'");
+shouldBe("style.backgroundPosition", "''");
+shouldBe("computedStyle.backgroundPosition", "'0% 0%'");
style.backgroundPosition = "center right top 20px";
-shouldBe("style.backgroundPosition", "'left 20% top 0%'");
-shouldBe("computedStyle.backgroundPosition", "'left 20% top 0%'");
+shouldBe("style.backgroundPosition", "''");
+shouldBe("computedStyle.backgroundPosition", "'0% 0%'");
style.backgroundPosition = "center 10px center 10px";
-shouldBe("style.backgroundPosition", "'left 20% top 0%'");
-shouldBe("computedStyle.backgroundPosition", "'left 20% top 0%'");
+shouldBe("style.backgroundPosition", "''");
+shouldBe("computedStyle.backgroundPosition", "'0% 0%'");
style.backgroundPosition = "top center center";
-shouldBe("style.backgroundPosition", "'left 20% top 0%'");
-shouldBe("computedStyle.backgroundPosition", "'left 20% top 0%'");
+shouldBe("style.backgroundPosition", "''");
+shouldBe("computedStyle.backgroundPosition", "'0% 0%'");
style.backgroundPosition = "center 10px center";
-shouldBe("style.backgroundPosition", "'left 20% top 0%'");
-shouldBe("computedStyle.backgroundPosition", "'left 20% top 0%'");
+shouldBe("style.backgroundPosition", "''");
+shouldBe("computedStyle.backgroundPosition", "'0% 0%'");
style.backgroundPosition = "center center 10px";
-shouldBe("style.backgroundPosition", "'left 20% top 0%'");
-shouldBe("computedStyle.backgroundPosition", "'left 20% top 0%'");
+shouldBe("style.backgroundPosition", "''");
+shouldBe("computedStyle.backgroundPosition", "'0% 0%'");
style.backgroundPosition = "center 0px left 20%";
-shouldBe("style.backgroundPosition", "'left 20% top 0%'");
-shouldBe("computedStyle.backgroundPosition", "'left 20% top 0%'");
+shouldBe("style.backgroundPosition", "''");
+shouldBe("computedStyle.backgroundPosition", "'0% 0%'");
style.backgroundPosition = "left center top";
-shouldBe("style.backgroundPosition", "'left 20% top 0%'");
-shouldBe("computedStyle.backgroundPosition", "'left 20% top 0%'");
+shouldBe("style.backgroundPosition", "''");
+shouldBe("computedStyle.backgroundPosition", "'0% 0%'");
style.backgroundPosition = "center center center";
-shouldBe("style.backgroundPosition", "'left 20% top 0%'");
-shouldBe("computedStyle.backgroundPosition", "'left 20% top 0%'");
+shouldBe("style.backgroundPosition", "''");
+shouldBe("computedStyle.backgroundPosition", "'0% 0%'");
style.backgroundPosition = "top left 50% 50%";
-shouldBe("style.backgroundPosition", "'left 20% top 0%'");
-shouldBe("computedStyle.backgroundPosition", "'left 20% top 0%'");
+shouldBe("style.backgroundPosition", "''");
+shouldBe("computedStyle.backgroundPosition", "'0% 0%'");
style.backgroundPosition = "center center center center";
-shouldBe("style.backgroundPosition", "'left 20% top 0%'");
-shouldBe("computedStyle.backgroundPosition", "'left 20% top 0%'");
+shouldBe("style.backgroundPosition", "''");
+shouldBe("computedStyle.backgroundPosition", "'0% 0%'");
debug("background-position with CSS3 four values and comma");
style.backgroundImage = "url(resources/diamond.png), url(resources/ring.png)";
style.backgroundPosition = "center, left bottom 20px";
-shouldBe("style.backgroundPosition", "'50% 50%, left 0% bottom 20px'");
-shouldBe("computedStyle.backgroundPosition", "'50% 50%, left 0% bottom 20px'");
+shouldBe("style.backgroundPosition", "'center center, left bottom 20px'");
+shouldBe("computedStyle.backgroundPosition", "'50% 50%, 0% bottom 20px'");
style.backgroundPosition = "right 20px bottom 20px, center left";
-shouldBe("style.backgroundPosition", "'right 20px bottom 20px, 0% 50%'");
+shouldBe("style.backgroundPosition", "'right 20px bottom 20px, left center'");
shouldBe("computedStyle.backgroundPosition", "'right 20px bottom 20px, 0% 50%'");
style.backgroundPosition = "left 10px top 15px, right 20% bottom 20px";
@@ -386,25 +386,25 @@ shouldBe("style.backgroundPosition", "'left 10px top 15px, right 20% bottom 20px
shouldBe("computedStyle.backgroundPosition", "'left 10px top 15px, right 20% bottom 20px'");
style.backgroundPosition = "left 10% top, top 0px right";
-shouldBe("style.backgroundPosition", "'left 10% top 0%, right 0% top 0px'");
-shouldBe("computedStyle.backgroundPosition", "'left 10% top 0%, right 0% top 0px'");
+shouldBe("style.backgroundPosition", "'left 10% top, right top 0px'");
+shouldBe("computedStyle.backgroundPosition", "'left 10% 0%, 100% top 0px'");
style.backgroundPosition = "right top 15px, bottom right 20px";
-shouldBe("style.backgroundPosition", "'right 0% top 15px, right 20px bottom 0%'");
-shouldBe("computedStyle.backgroundPosition", "'right 0% top 15px, right 20px bottom 0%'");
+shouldBe("style.backgroundPosition", "'right top 15px, right 20px bottom'");
+shouldBe("computedStyle.backgroundPosition", "'100% top 15px, right 20px 100%'");
debug("background-position with invalid CSS3 four values and comma, no change expected");
style.backgroundPosition = "right top 15px, left right 20px";
-shouldBe("style.backgroundPosition", "'right 0% top 15px, right 20px bottom 0%'");
-shouldBe("computedStyle.backgroundPosition", "'right 0% top 15px, right 20px bottom 0%'");
+shouldBe("style.backgroundPosition", "'right top 15px, right 20px bottom'");
+shouldBe("computedStyle.backgroundPosition", "'100% top 15px, right 20px 100%'");
style.backgroundPosition = "right left 15px, left bottom 20px";
-shouldBe("style.backgroundPosition", "'right 0% top 15px, right 20px bottom 0%'");
-shouldBe("computedStyle.backgroundPosition", "'right 0% top 15px, right 20px bottom 0%'");
+shouldBe("style.backgroundPosition", "'right top 15px, right 20px bottom'");
+shouldBe("computedStyle.backgroundPosition", "'100% top 15px, right 20px 100%'");
style.backgroundPosition = "solid, left bottom 20px";
-shouldBe("style.backgroundPosition", "'right 0% top 15px, right 20px bottom 0%'");
-shouldBe("computedStyle.backgroundPosition", "'right 0% top 15px, right 20px bottom 0%'");
+shouldBe("style.backgroundPosition", "'right top 15px, right 20px bottom'");
+shouldBe("computedStyle.backgroundPosition", "'100% top 15px, right 20px 100%'");
debug("background-position inside the background shorthand");
style.background = "top 10% left 30% / 10em gray round fixed border-box";
« no previous file with comments | « third_party/WebKit/LayoutTests/animations/interpolation/background-position-origin-interpolation-expected.txt ('k') | third_party/WebKit/LayoutTests/fast/backgrounds/background-position-parsing-2-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698