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 10px 10px 10px)", "inset(10px 10px 10px 10px rou
nd 0px 0px 0px 0px / 0px 0px 0px 0px)"], |
(...skipping 15 matching lines...) Expand all Loading... |
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 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)"], |
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 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)"], |
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 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)"], |
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 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)"], |
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 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)"], |
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 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)"], |
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 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)"], |
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 5px 6px / 5px 6px 5px 6px)", "inset(10px 20px 30px 40px round 5px 6px
5px 6px / 5px 6px 5px 6px)"], |
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 ["inset(calc(25%*3 - 10in) 0 0 0)", "inset(calc(75% - 10in) 0px 0px 0px)", "
inset(calc(75% - 960px) 0px 0px 0px round 0px 0px 0px 0px / 0px 0px 0px 0px)"], |
| 37 |
36 ["circle()", "circle(at 50% 50%)", "circle(closest-side at 50% 50%)"], | 38 ["circle()", "circle(at 50% 50%)", "circle(closest-side at 50% 50%)"], |
37 ["circle(farthest-side)", "circle(farthest-side at 50% 50%)"], | 39 ["circle(farthest-side)", "circle(farthest-side at 50% 50%)"], |
38 ["circle(closest-side)", "circle(closest-side at 50% 50%)"], | 40 ["circle(closest-side)", "circle(closest-side at 50% 50%)"], |
39 ["circle(10px)", "circle(10px at 50% 50%)"], | 41 ["circle(10px)", "circle(10px at 50% 50%)"], |
40 ["circle(10px at 10px)", "circle(10px at 10px 50%)"], | 42 ["circle(10px at 10px)", "circle(10px at 10px 50%)"], |
41 "circle(10px at 10px 10px)", | 43 "circle(10px at 10px 10px)", |
42 ["circle(at 10px)", "circle(at 10px 50%)", "circle(closest-side at 10px 50%)
"], | 44 ["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)"], | 45 ["circle(at 10px 10px)", "circle(at 10px 10px)", "circle(closest-side at 10p
x 10px)"], |
44 ["circle(at top left)", "circle(at 0% 0%)", "circle(closest-side at 0% 0%)"]
, | 46 ["circle(at top left)", "circle(at 0% 0%)", "circle(closest-side at 0% 0%)"]
, |
45 ["circle(at right bottom)", "circle(at 100% 100%)", "circle(closest-side at
100% 100%)"], | 47 ["circle(at right bottom)", "circle(at 100% 100%)", "circle(closest-side at
100% 100%)"], |
(...skipping 208 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
254 | 256 |
255 function testNotInheritedShapeProperty(property, parentValue, childValue, expect
edValue) | 257 function testNotInheritedShapeProperty(property, parentValue, childValue, expect
edValue) |
256 { | 258 { |
257 shouldBeEqualToString('getParentAndChildComputedStylesString("' + property +
'", "' + parentValue + '", "' + childValue + '")', expectedValue); | 259 shouldBeEqualToString('getParentAndChildComputedStylesString("' + property +
'", "' + parentValue + '", "' + childValue + '")', expectedValue); |
258 } | 260 } |
259 | 261 |
260 function applyToEachArglist(testFunction, arglists) | 262 function applyToEachArglist(testFunction, arglists) |
261 { | 263 { |
262 arglists.forEach(function(arglist, i, a) {testFunction.apply(null, arglist);
}); | 264 arglists.forEach(function(arglist, i, a) {testFunction.apply(null, arglist);
}); |
263 } | 265 } |
OLD | NEW |