Implement color stop position syntax from CSS Image Values 4

third_party/WebKit/LayoutTests/fast/gradients/unprefixed-gradient-parsing.html

Index: third_party/WebKit/LayoutTests/fast/gradients/unprefixed-gradient-parsing.html
diff --git a/third_party/WebKit/LayoutTests/fast/gradients/unprefixed-gradient-parsing.html b/third_party/WebKit/LayoutTests/fast/gradients/unprefixed-gradient-parsing.html
index bb5f971aa8a16c14318c3c37f8464699e65cf870..f0871539871c5df8389674a8507a9f626334a00d 100644
--- a/third_party/WebKit/LayoutTests/fast/gradients/unprefixed-gradient-parsing.html
+++ b/third_party/WebKit/LayoutTests/fast/gradients/unprefixed-gradient-parsing.html
@@ -53,6 +53,14 @@ shouldBe('testGradient("background-image: linear-gradient(10deg, black 0%, 0%, w
 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)"');
 
+shouldBe('testGradient("background-image: linear-gradient(black, 10% 20%, white)")', '"none"');
+shouldBe('testGradient("background-image: linear-gradient(black 10% 20% 30%, white)")', '"none"');
+shouldBe('testGradient("background-image: linear-gradient(black 10% 20%, white 100px 200px 300px)")', '"none"');
+shouldBe('testGradient("background-image: linear-gradient(black 10% 20%, white)")', '"linear-gradient(black 10% 20%, white)"');
+shouldBe('testGradient("background-image: linear-gradient(black, white 100px 200px)")', '"linear-gradient(black, white 100px 200px)"');
+shouldBe('testGradient("background-image: linear-gradient(black 10% 20%, white 100px 200px)")', '"linear-gradient(black 10% 20%, white 100px 200px)"');
+shouldBe('testGradient("background-image: linear-gradient(black 10% 20%, 50%, white 100px 200px)")', '"linear-gradient(black 10% 20%, 50%, white 100px 200px)"');
+
 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)"');
@@ -93,6 +101,14 @@ shouldBe('testGradient("background-image: radial-gradient(10px 10px at center, w
 shouldBe('testGradient("background-image: radial-gradient(10px 10px at center, white, 0%, black)")', '"radial-gradient(10px 10px at center center, white, 0%, black)"');
 shouldBe('testGradient("background-image: radial-gradient(10px 10px at center, white, 100%, black)")', '"radial-gradient(10px 10px at center center, white, 100%, black)"');
 
+shouldBe('testGradient("background-image: radial-gradient(black, 10% 20%, white)")', '"none"');
+shouldBe('testGradient("background-image: radial-gradient(black 10% 20% 30%, white)")', '"none"');
+shouldBe('testGradient("background-image: radial-gradient(black 10% 20%, white 100px 200px 300px)")', '"none"');
+shouldBe('testGradient("background-image: radial-gradient(black 10% 20%, white)")', '"radial-gradient(black 10% 20%, white)"');
+shouldBe('testGradient("background-image: radial-gradient(black, white 100px 200px)")', '"radial-gradient(black, white 100px 200px)"');
+shouldBe('testGradient("background-image: radial-gradient(black 10% 20%, white 100px 200px)")', '"radial-gradient(black 10% 20%, white 100px 200px)"');
+shouldBe('testGradient("background-image: radial-gradient(black 10% 20%, 50%, white 100px 200px)")', '"radial-gradient(black 10% 20%, 50%, white 100px 200px)"');
+
 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)"');