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

Unified Diff: LayoutTests/fast/gradients/unprefixed-gradient-parsing.html

Issue 631753002: Adding support for color interpolation hints to CSS gradients. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: offset1->offsetLeft Created 6 years, 2 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: LayoutTests/fast/gradients/unprefixed-gradient-parsing.html
diff --git a/LayoutTests/fast/gradients/unprefixed-gradient-parsing.html b/LayoutTests/fast/gradients/unprefixed-gradient-parsing.html
index 05a35d82e3cd2513bf383983f10223542e3aae7b..1793fcff47089a4d70b85a02f6c6aedb7ec871e5 100644
--- a/LayoutTests/fast/gradients/unprefixed-gradient-parsing.html
+++ b/LayoutTests/fast/gradients/unprefixed-gradient-parsing.html
@@ -33,6 +33,13 @@ shouldBe('testGradient("background-image: linear-gradient(to left center)")', '"
shouldBe('testGradient("background-image: linear-gradient(to left 10deg, black 0%, white)")', '"none"');
shouldBe('testGradient("background-image: linear-gradient(black)")', '"none"');
+shouldBe('testGradient("background-image: linear-gradient(10deg, black 0%, 25%, 50%, white)")', '"none"');
+shouldBe('testGradient("background-image: linear-gradient(10deg, black 0%, 50%)")', '"none"');
+shouldBe('testGradient("background-image: linear-gradient(10deg, 50%, white)")', '"none"');
+shouldBe('testGradient("background-image: linear-gradient(10deg, 0%, black, white)")', '"none"');
+shouldBe('testGradient("background-image: linear-gradient(10deg, white, black, 80%)")', '"none"');
+shouldBe('testGradient("background-image: linear-gradient(10deg, black, , white)")', '"none"');
+
shouldBe('testGradient("background-image: linear-gradient(black, white)")', '"linear-gradient(black, white)"');
shouldBe('testGradient("background-image: linear-gradient(black 0, white)")', '"linear-gradient(black 0px, white)"');
shouldBe('testGradient("background-image: linear-gradient(black 0%, white)")', '"linear-gradient(black 0%, white)"');
@@ -41,15 +48,21 @@ shouldBe('testGradient("background-image: linear-gradient(black 10px, white 20px
shouldBe('testGradient("background-image: linear-gradient(to top left, black 0%, white)")', '"linear-gradient(to left top, black 0%, white)"');
shouldBe('testGradient("background-image: linear-gradient(to top, black 0%, white)")', '"linear-gradient(to top, black 0%, white)"');
shouldBe('testGradient("background-image: linear-gradient(10deg, black 0%, white)")', '"linear-gradient(10deg, black 0%, white)"');
+shouldBe('testGradient("background-image: linear-gradient(10deg, black 0%, 25%, white)")', '"linear-gradient(10deg, black 0%, 25%, white)"');
+shouldBe('testGradient("background-image: linear-gradient(10deg, black 0%, 0%, white)")', '"linear-gradient(10deg, black 0%, 0%, white)"');
+shouldBe('testGradient("background-image: linear-gradient(10deg, black 0%, 100%, white)")', '"linear-gradient(10deg, black 0%, 100%, white)"');
+shouldBe('testGradient("background-image: linear-gradient(10deg, black 0%, 50%, green 50%, 50%, white)")', '"linear-gradient(10deg, black 0%, 50%, green 50%, 50%, white)"');
debug('<p>repeating-linear-gradient</p>');
shouldBe('testGradient("background-image: repeating-linear-gradient(black, white)")', '"repeating-linear-gradient(black, white)"');
+shouldBe('testGradient("background-image: repeating-linear-gradient(black, 35%, white)")', '"repeating-linear-gradient(black, 35%, white)"');
debug('<p>radial-gradient</p>');
shouldBe('testGradient("background-image: radial-gradient(white, black)")', '"radial-gradient(white, black)"');
shouldBe('testGradient("background-image: radial-gradient(at bottom right, white, black)")', '"radial-gradient(at 100% 100%, white, black)"');
shouldBe('testGradient("background-image: radial-gradient(farthest-corner, white, black)")', '"radial-gradient(white, black)"');
+shouldBe('testGradient("background-image: radial-gradient(farthest-corner, white, 35%, black)")', '"radial-gradient(white, 35%, black)"');
shouldBe('testGradient("background-image: radial-gradient(closest-side, white, black)")', '"radial-gradient(closest-side, white, black)"');
shouldBe('testGradient("background-image: radial-gradient(ellipse, white, black)")', '"radial-gradient(white, black)"');
shouldBe('testGradient("background-image: radial-gradient(ellipse farthest-corner, white, black)")', '"radial-gradient(white, black)"');
@@ -67,12 +80,22 @@ shouldBe('testGradient("background-image: radial-gradient(circle 10%, white, bla
shouldBe('testGradient("background-image: radial-gradient(circle 10px 10px, white, black)")', '"none"');
shouldBe('testGradient("background-image: radial-gradient(ellipse 10%, white, black)")', '"none"');
shouldBe('testGradient("background-image: radial-gradient(ellipse 10px, white, black)")', '"none"');
+shouldBe('testGradient("background-image: radial-gradient(25%, black)")', '"none"');
+shouldBe('testGradient("background-image: radial-gradient(white, 25%)")', '"none"');
+shouldBe('testGradient("background-image: radial-gradient(white, black, 25%)")', '"none"');
+shouldBe('testGradient("background-image: radial-gradient(25%, white, black)")', '"none"');
+shouldBe('testGradient("background-image: radial-gradient(white,, black)")', '"none"');
+shouldBe('testGradient("background-image: radial-gradient(ellipse 10px, white, 25%, 75%, black)")', '"none"');
shouldBe('testGradient("background-image: radial-gradient(ellipse 10px 20px, white, black)")', '"radial-gradient(10px 20px, white, black)"');
shouldBe('testGradient("background-image: radial-gradient(circle 10px, white, black)")', '"radial-gradient(10px, white, black)"');
shouldBe('testGradient("background-image: radial-gradient(10px 10px at center, white, black)")', '"radial-gradient(10px 10px at 50% 50%, white, black)"');
+shouldBe('testGradient("background-image: radial-gradient(10px 10px at center, white, 50%, black)")', '"radial-gradient(10px 10px at 50% 50%, white, 50%, black)"');
+shouldBe('testGradient("background-image: radial-gradient(10px 10px at center, white, 0%, black)")', '"radial-gradient(10px 10px at 50% 50%, white, 0%, black)"');
+shouldBe('testGradient("background-image: radial-gradient(10px 10px at center, white, 100%, black)")', '"radial-gradient(10px 10px at 50% 50%, white, 100%, black)"');
debug('<p>repeating-radial-gradient</p>');
shouldBe('testGradient("background-image: repeating-radial-gradient(white, black)")', '"repeating-radial-gradient(white, black)"');
+shouldBe('testGradient("background-image: repeating-radial-gradient(white, 81%, black)")', '"repeating-radial-gradient(white, 81%, black)"');
</script>

Powered by Google App Engine
This is Rietveld 408576698