OLD | NEW |
---|---|
1 // Valid values for both shape-inside and shape-outside. Two values are specifie d when the shape property value | 1 // Valid values for both shape-inside and shape-outside. Two values are specifie d when the shape property value |
2 // differs from the specified value. Three values are specified when the compute d shape property value differs | 2 // differs from the specified value. Three values are specified when the compute d shape property value differs |
3 // from the specified value. | 3 // from the specified value. |
4 // eg: "specified value/CSS Text value/computed style value" | 4 // eg: "specified value/CSS Text value/computed style value" |
5 // or: ["specified value", "CSS Text value/computed style value"] | 5 // or: ["specified value", "CSS Text value/computed style value"] |
6 // or: ["specified value", "CSS Text value", "Computed style value"] | 6 // or: ["specified value", "CSS Text value", "Computed style value"] |
7 var validShapeValues = [ | 7 var validShapeValues = [ |
8 "none", | 8 "none", |
9 | 9 |
10 ["inset(10px)", "inset(10px 10px 10px 10px)", "inset(10px 10px 10px 10px rou nd 0px 0px 0px 0px / 0px 0px 0px 0px)"], | 10 ["inset(10px)", "inset(10px)"], |
11 ["inset(10px 9px)", "inset(10px 9px 10px 9px)", "inset(10px 9px 10px 9px rou nd 0px 0px 0px 0px / 0px 0px 0px 0px)"], | 11 ["inset(10px 9px)", "inset(10px 9px)"], |
12 ["inset(10px 9px 8px)", "inset(10px 9px 8px 9px)", "inset(10px 9px 8px 9px r ound 0px 0px 0px 0px / 0px 0px 0px 0px)"], | 12 ["inset(10px 9px 8px)", "inset(10px 9px 8px)"], |
13 ["inset(10px 20px 30px 40px)", "inset(10px 20px 30px 40px)", "inset(10px 20p x 30px 40px round 0px 0px 0px 0px / 0px 0px 0px 0px)"], | 13 ["inset(10px 20px 30px 40px)", "inset(10px 20px 30px 40px)"], |
14 ["inset(10px round 9px)", "inset(10px 10px 10px 10px round 9px 9px 9px 9px / 9px 9px 9px 9px)", "inset(10px 10px 10px 10px round 9px 9px 9px 9px / 9px 9px 9 px 9px)"], | 14 ["inset(10px round 9px)", "inset(10px round 9px)"], |
15 ["inset(10px round 9px / 9px)", "inset(10px 10px 10px 10px round 9px 9px 9px 9px / 9px 9px 9px 9px)", "inset(10px 10px 10px 10px round 9px 9px 9px 9px / 9px 9px 9px 9px)"], | 15 ["inset(10px round 9px / 9px)", "inset(10px round 9px)"], |
16 ["inset(10px round 9px / 8px)", "inset(10px 10px 10px 10px round 9px 9px 9px 9px / 8px 8px 8px 8px)", "inset(10px 10px 10px 10px round 9px 9px 9px 9px / 8px 8px 8px 8px)"], | 16 ["inset(10px round 9px / 8px)", "inset(10px round 9px / 8px)"], |
17 ["inset(10px round 9px / 8px 7px)", "inset(10px 10px 10px 10px round 9px 9px 9px 9px / 8px 7px 8px 7px)", "inset(10px 10px 10px 10px round 9px 9px 9px 9px / 8px 7px 8px 7px)"], | 17 ["inset(10px round 9px / 8px 7px)", "inset(10px round 9px / 8px 7px)"], |
18 ["inset(10px round 9px / 8px 7px 6px)", "inset(10px 10px 10px 10px round 9px 9px 9px 9px / 8px 7px 6px 7px)", "inset(10px 10px 10px 10px round 9px 9px 9px 9 px / 8px 7px 6px 7px)"], | 18 ["inset(10px round 9px / 8px 7px 6px)", "inset(10px round 9px / 8px 7px 6px) "], |
19 ["inset(10px round 9px / 8px 7px 6px 5px)", "inset(10px 10px 10px 10px round 9px 9px 9px 9px / 8px 7px 6px 5px)", "inset(10px 10px 10px 10px round 9px 9px 9 px 9px / 8px 7px 6px 5px)"], | 19 ["inset(10px round 9px / 8px 7px 6px 5px)", "inset(10px round 9px / 8px 7px 6px 5px)"], |
20 ["inset(10px round 9px 8px / 7px)", "inset(10px 10px 10px 10px round 9px 8px 9px 8px / 7px 7px 7px 7px)", "inset(10px 10px 10px 10px round 9px 8px 9px 8px / 7px 7px 7px 7px)"], | 20 ["inset(10px round 9px 8px / 7px)", "inset(10px round 9px 8px / 7px)"], |
21 ["inset(10px round 9px 8px / 7px 6px)", "inset(10px 10px 10px 10px round 9px 8px 9px 8px / 7px 6px 7px 6px)", "inset(10px 10px 10px 10px round 9px 8px 9px 8 px / 7px 6px 7px 6px)"], | 21 ["inset(10px round 9px 8px / 7px 6px)", "inset(10px round 9px 8px / 7px 6px) "], |
22 ["inset(10px round 9px 8px / 7px 6px)", "inset(10px 10px 10px 10px round 9px 8px 9px 8px / 7px 6px 7px 6px)", "inset(10px 10px 10px 10px round 9px 8px 9px 8 px / 7px 6px 7px 6px)"], | 22 ["inset(10px round 9px 8px / 7px 6px)", "inset(10px round 9px 8px / 7px 6px) "], |
23 ["inset(10px round 9px 8px / 7px 6px 5px)", "inset(10px 10px 10px 10px round 9px 8px 9px 8px / 7px 6px 5px 6px)", "inset(10px 10px 10px 10px round 9px 8px 9 px 8px / 7px 6px 5px 6px)"], | 23 ["inset(10px round 9px 8px / 7px 6px 5px)", "inset(10px round 9px 8px / 7px 6px 5px)"], |
24 ["inset(10px round 9px 8px / 7px 6px 5px 4px)", "inset(10px 10px 10px 10px r ound 9px 8px 9px 8px / 7px 6px 5px 4px)", "inset(10px 10px 10px 10px round 9px 8 px 9px 8px / 7px 6px 5px 4px)"], | 24 ["inset(10px round 9px 8px / 7px 6px 5px 4px)", "inset(10px round 9px 8px / 7px 6px 5px 4px)"], |
25 ["inset(10px round 9px 8px 7px / 6px)", "inset(10px 10px 10px 10px round 9px 8px 7px 8px / 6px 6px 6px 6px)", "inset(10px 10px 10px 10px round 9px 8px 7px 8 px / 6px 6px 6px 6px)"], | 25 ["inset(10px round 9px 8px 7px / 6px)", "inset(10px round 9px 8px 7px / 6px) "], |
26 ["inset(10px round 9px 8px 7px / 6px 5px)", "inset(10px 10px 10px 10px round 9px 8px 7px 8px / 6px 5px 6px 5px)", "inset(10px 10px 10px 10px round 9px 8px 7 px 8px / 6px 5px 6px 5px)"], | 26 ["inset(10px round 9px 8px 7px / 6px 5px)", "inset(10px round 9px 8px 7px / 6px 5px)"], |
27 ["inset(10px round 9px 8px 7px / 6px 5px 4px)", "inset(10px 10px 10px 10px r ound 9px 8px 7px 8px / 6px 5px 4px 5px)", "inset(10px 10px 10px 10px round 9px 8 px 7px 8px / 6px 5px 4px 5px)"], | 27 ["inset(10px round 9px 8px 7px / 6px 5px 4px)", "inset(10px round 9px 8px 7p x / 6px 5px 4px)"], |
28 ["inset(10px round 9px 8px 7px / 6px 5px 4px 3px)", "inset(10px 10px 10px 10 px round 9px 8px 7px 8px / 6px 5px 4px 3px)", "inset(10px 10px 10px 10px round 9 px 8px 7px 8px / 6px 5px 4px 3px)"], | 28 ["inset(10px round 9px 8px 7px / 6px 5px 4px 3px)", "inset(10px round 9px 8p x 7px / 6px 5px 4px 3px)"], |
29 ["inset(10px round 9px 8px 7px 6px / 5px)", "inset(10px 10px 10px 10px round 9px 8px 7px 6px / 5px 5px 5px 5px)", "inset(10px 10px 10px 10px round 9px 8px 7 px 6px / 5px 5px 5px 5px)"], | 29 ["inset(10px round 9px 8px 7px 6px / 5px)", "inset(10px round 9px 8px 7px 6p x / 5px)"], |
30 ["inset(10px round 9px 8px 7px 6px / 5px 4px)", "inset(10px 10px 10px 10px r ound 9px 8px 7px 6px / 5px 4px 5px 4px)", "inset(10px 10px 10px 10px round 9px 8 px 7px 6px / 5px 4px 5px 4px)"], | 30 ["inset(10px round 9px 8px 7px 6px / 5px 4px)", "inset(10px round 9px 8px 7p x 6px / 5px 4px)"], |
31 ["inset(10px round 9px 8px 7px 6px / 5px 4px 3px)", "inset(10px 10px 10px 10 px round 9px 8px 7px 6px / 5px 4px 3px 4px)", "inset(10px 10px 10px 10px round 9 px 8px 7px 6px / 5px 4px 3px 4px)"], | 31 ["inset(10px round 9px 8px 7px 6px / 5px 4px 3px)", "inset(10px round 9px 8p x 7px 6px / 5px 4px 3px)"], |
32 ["inset(10px round 9px 8px 7px 6px / 5px 4px 3px 2px)", "inset(10px 10px 10p x 10px round 9px 8px 7px 6px / 5px 4px 3px 2px)", "inset(10px 10px 10px 10px rou nd 9px 8px 7px 6px / 5px 4px 3px 2px)"], | 32 ["inset(10px round 9px 8px 7px 6px / 5px 4px 3px 2px)", "inset(10px round 9p x 8px 7px 6px / 5px 4px 3px 2px)"], |
33 ["inset(10px 20px 30px 40px round 5px 6px)", "inset(10px 20px 30px 40px roun d 5px 6px 5px 6px / 5px 6px 5px 6px)", "inset(10px 20px 30px 40px round 5px 6px 5px 6px / 5px 6px 5px 6px)"], | 33 ["inset(10px 20px 30px 40px round 5px 6px)", "inset(10px 20px 30px 40px roun d 5px 6px)"], |
Bear Travis
2014/04/07 21:59:13
The above all have the same set and get values, an
| |
34 "inset(10px 20px 30px 40px round 5px 6px 7px 8px / 50px 60px 70px 80px)", | 34 "inset(10px 20px 30px 40px round 5px 6px 7px 8px / 50px 60px 70px 80px)", |
35 | 35 |
36 ["circle()", "circle(at 50% 50%)", "circle(closest-side at 50% 50%)"], | 36 ["circle()", "circle(at 50% 50%)", "circle(closest-side at 50% 50%)"], |
37 ["circle(farthest-side)", "circle(farthest-side at 50% 50%)"], | 37 ["circle(farthest-side)", "circle(farthest-side at 50% 50%)"], |
38 ["circle(closest-side)", "circle(closest-side at 50% 50%)"], | 38 ["circle(closest-side)", "circle(closest-side at 50% 50%)"], |
39 ["circle(10px)", "circle(10px at 50% 50%)"], | 39 ["circle(10px)", "circle(10px at 50% 50%)"], |
40 ["circle(10px at 10px)", "circle(10px at 10px 50%)"], | 40 ["circle(10px at 10px)", "circle(10px at 10px 50%)"], |
41 "circle(10px at 10px 10px)", | 41 "circle(10px at 10px 10px)", |
42 ["circle(at 10px)", "circle(at 10px 50%)", "circle(closest-side at 10px 50%) "], | 42 ["circle(at 10px)", "circle(at 10px 50%)", "circle(closest-side at 10px 50%) "], |
43 ["circle(at 10px 10px)", "circle(at 10px 10px)", "circle(closest-side at 10p x 10px)"], | 43 ["circle(at 10px 10px)", "circle(at 10px 10px)", "circle(closest-side at 10p x 10px)"], |
(...skipping 210 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
254 | 254 |
255 function testNotInheritedShapeProperty(property, parentValue, childValue, expect edValue) | 255 function testNotInheritedShapeProperty(property, parentValue, childValue, expect edValue) |
256 { | 256 { |
257 shouldBeEqualToString('getParentAndChildComputedStylesString("' + property + '", "' + parentValue + '", "' + childValue + '")', expectedValue); | 257 shouldBeEqualToString('getParentAndChildComputedStylesString("' + property + '", "' + parentValue + '", "' + childValue + '")', expectedValue); |
258 } | 258 } |
259 | 259 |
260 function applyToEachArglist(testFunction, arglists) | 260 function applyToEachArglist(testFunction, arglists) |
261 { | 261 { |
262 arglists.forEach(function(arglist, i, a) {testFunction.apply(null, arglist); }); | 262 arglists.forEach(function(arglist, i, a) {testFunction.apply(null, arglist); }); |
263 } | 263 } |
OLD | NEW |