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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/fast/gradients/conic-gradient-parsing.html

Issue 2813583002: Support calc(...) in ConsumeAngleOrPercent / for conic-gradient (Closed)
Patch Set: Fix up IsAngle Created 3 years, 8 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 unified diff | Download patch
« no previous file with comments | « no previous file | third_party/WebKit/Source/core/css/CSSPrimitiveValue.h » ('j') | third_party/WebKit/Source/core/css/CSSPrimitiveValue.h » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <script src="../../resources/testharness.js"></script> 2 <script src="../../resources/testharness.js"></script>
3 <script src="../../resources/testharnessreport.js"></script> 3 <script src="../../resources/testharnessreport.js"></script>
4 <script src="../../css-parser/resources/property-parsing-test.js"></script> 4 <script src="../../css-parser/resources/property-parsing-test.js"></script>
5 5
6 <body> 6 <body>
7 <script> 7 <script>
8 function assert_computed_style(property, value, expectedValue) { 8 function assert_computed_style(property, value, expectedValue) {
9 if (expectedValue === undefined) 9 if (expectedValue === undefined)
10 expectedValue = value; 10 expectedValue = value;
(...skipping 20 matching lines...) Expand all
31 { style: "conic-gradient(at bottom bottom, black, white)" , com puted: "none" }, 31 { style: "conic-gradient(at bottom bottom, black, white)" , com puted: "none" },
32 { style: "conic-gradient(at left left, black, white)" , com puted: "none" }, 32 { style: "conic-gradient(at left left, black, white)" , com puted: "none" },
33 { style: "conic-gradient(at top left black, white)" , com puted: "none" }, 33 { style: "conic-gradient(at top left black, white)" , com puted: "none" },
34 { style: "conic-gradient(black 0%, 10%, 10%, green .5turn, 50%, white)", com puted: "none" }, 34 { style: "conic-gradient(black 0%, 10%, 10%, green .5turn, 50%, white)", com puted: "none" },
35 { style: "conic-gradient(from 0 black, white)" , com puted: "none" }, 35 { style: "conic-gradient(from 0 black, white)" , com puted: "none" },
36 { style: "conic-gradient(from 0 at top left black, white)" , com puted: "none" }, 36 { style: "conic-gradient(from 0 at top left black, white)" , com puted: "none" },
37 { style: "conic-gradient(from 0, at top left, black, white)" , com puted: "none" }, 37 { style: "conic-gradient(from 0, at top left, black, white)" , com puted: "none" },
38 { style: "conic-gradient(at top left from 0, black, white)" , com puted: "none" }, 38 { style: "conic-gradient(at top left from 0, black, white)" , com puted: "none" },
39 { style: "conic-gradient(black 10% 20% 30%, white)" , com puted: "none" }, 39 { style: "conic-gradient(black 10% 20% 30%, white)" , com puted: "none" },
40 { style: "conic-gradient(black, 30% 50%, white)" , com puted: "none" }, 40 { style: "conic-gradient(black, 30% 50%, white)" , com puted: "none" },
41 { style: "conic-gradient(black, white calc(360deg / 10 + 50%)" , com puted: "none" },
41 42
42 { style: "conic-gradient(black, white)" , computed: "conic-gradien t(black, white)" }, 43 { style: "conic-gradient(black, white)" , computed: "conic-gradien t(black, white)" },
43 { style: "conic-gradient(black 0, white)" , computed: "conic-gradien t(black 0deg, white)" }, 44 { style: "conic-gradient(black 0, white)" , computed: "conic-gradien t(black 0deg, white)" },
44 { style: "conic-gradient(black 0%, white)" , computed: "conic-gradien t(black 0%, white)" }, 45 { style: "conic-gradient(black 0%, white)" , computed: "conic-gradien t(black 0%, white)" },
45 { style: "conic-gradient(black 0deg, white)" , computed: "conic-gradien t(black 0deg, white)" }, 46 { style: "conic-gradient(black 0deg, white)" , computed: "conic-gradien t(black 0deg, white)" },
46 { style: "conic-gradient(black 0grad, white)" , computed: "conic-gradien t(black 0grad, white)" }, 47 { style: "conic-gradient(black 0grad, white)" , computed: "conic-gradien t(black 0grad, white)" },
47 { style: "conic-gradient(black 0rad, white)" , computed: "conic-gradien t(black 0rad, white)" }, 48 { style: "conic-gradient(black 0rad, white)" , computed: "conic-gradien t(black 0rad, white)" },
48 { style: "conic-gradient(black 0turn, white)" , computed: "conic-gradien t(black 0turn, white)" }, 49 { style: "conic-gradient(black 0turn, white)" , computed: "conic-gradien t(black 0turn, white)" },
49 { style: "conic-gradient(black, white 50%)" , computed: "conic-gradien t(black, white 50%)" }, 50 { style: "conic-gradient(black, white 50%)" , computed: "conic-gradien t(black, white 50%)" },
50 { style: "conic-gradient(black 10%, white 50%)" , computed: "conic-gradien t(black 10%, white 50%)" }, 51 { style: "conic-gradient(black 10%, white 50%)" , computed: "conic-gradien t(black 10%, white 50%)" },
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after
83 { style: "conic-gradient(white -50%, black 150%)" , computed: "conic-gr adient(white -50%, black 150%)" }, 84 { style: "conic-gradient(white -50%, black 150%)" , computed: "conic-gr adient(white -50%, black 150%)" },
84 { style: "conic-gradient(white -180deg, black 540deg)" , computed: "conic-gr adient(white -180deg, black 540deg)" }, 85 { style: "conic-gradient(white -180deg, black 540deg)" , computed: "conic-gr adient(white -180deg, black 540deg)" },
85 { style: "conic-gradient(hsl(0,0%,75%), hsl(0,0%,25%))", computed: "conic-gr adient(rgb(191, 191, 191), rgb(63, 63, 63))" }, 86 { style: "conic-gradient(hsl(0,0%,75%), hsl(0,0%,25%))", computed: "conic-gr adient(rgb(191, 191, 191), rgb(63, 63, 63))" },
86 87
87 { style: "conic-gradient(from 45deg, white, black, white)" , computed: "conic-gradient(from 45deg, white, black, white)" }, 88 { style: "conic-gradient(from 45deg, white, black, white)" , computed: "conic-gradient(from 45deg, white, black, white)" },
88 { style: "conic-gradient(hsl(0,0%,87.5%), white 45deg, black 225deg, hsl(0,0 %,87.5%))", computed: "conic-gradient(rgb(223, 223, 223), white 45deg, black 225 deg, rgb(223, 223, 223))" }, 89 { style: "conic-gradient(hsl(0,0%,87.5%), white 45deg, black 225deg, hsl(0,0 %,87.5%))", computed: "conic-gradient(rgb(223, 223, 223), white 45deg, black 225 deg, rgb(223, 223, 223))" },
89 90
90 { style: "conic-gradient(white 45deg, black 225deg, white 405deg)" , compu ted: "conic-gradient(white 45deg, black 225deg, white 405deg)" }, 91 { style: "conic-gradient(white 45deg, black 225deg, white 405deg)" , compu ted: "conic-gradient(white 45deg, black 225deg, white 405deg)" },
91 { style: "conic-gradient(red, yellow, lime, aqua, blue, magenta, red", compu ted: "conic-gradient(red, yellow, lime, aqua, blue, magenta, red)" }, 92 { style: "conic-gradient(red, yellow, lime, aqua, blue, magenta, red", compu ted: "conic-gradient(red, yellow, lime, aqua, blue, magenta, red)" },
92 { style: "conic-gradient(gold, #f06 20deg)" , compu ted: "conic-gradient(gold, rgb(255, 0, 102) 20deg)" }, 93 { style: "conic-gradient(gold, #f06 20deg)" , compu ted: "conic-gradient(gold, rgb(255, 0, 102) 20deg)" },
94 { style: "conic-gradient(gold calc(100% / 2), #f06 calc(360deg * 4 / 5))" , computed: "conic-gradient(gold calc(50%), rgb(255, 0, 102) ca lc(288deg))" },
93 ]; 95 ];
94 96
95 test(function() { 97 test(function() {
96 tests.forEach(function(test) { 98 tests.forEach(function(test) {
97 assert_computed_style('background-image', test.style, test.computed); 99 assert_computed_style('background-image', test.style, test.computed);
98 }); 100 });
99 }, "conic-gradient parsing"); 101 }, "conic-gradient parsing");
100 102
101 test(function() { 103 test(function() {
102 tests.forEach(function(test) { 104 tests.forEach(function(test) {
103 assert_computed_style('background-image', 'repeating-' + test.style, 105 assert_computed_style('background-image', 'repeating-' + test.style,
104 test.computed == 'none' ? test.computed : 'repeating-' + test.computed); 106 test.computed == 'none' ? test.computed : 'repeating-' + test.computed);
105 }); 107 });
106 }, "repeating-conic-gradient parsing"); 108 }, "repeating-conic-gradient parsing");
107 </script> 109 </script>
108 </body> 110 </body>
OLDNEW
« no previous file with comments | « no previous file | third_party/WebKit/Source/core/css/CSSPrimitiveValue.h » ('j') | third_party/WebKit/Source/core/css/CSSPrimitiveValue.h » ('J')

Powered by Google App Engine
This is Rietveld 408576698