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)", |
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)", |
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)", |
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)", |
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 20px 30px 20px)", "inset(10px 20px 30px)"], |
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 20px 10px 20px)", "inset(10px 20px)"], |
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)", |
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 0px / 0px 10px)", |
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 / 9px)", "inset(10px round 9px)"], |
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)", |
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)", |
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)", |
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 5px)", |
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)", |
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)", |
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)", |
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)", |
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)", |
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)", |
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)", |
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)", |
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)", |
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)", |
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 round 9px 8px 7px 6px / 5px 4px)", |
| 34 "inset(10px round 9px 8px 7px 6px / 5px 4px 3px)", |
| 35 "inset(10px round 9px 8px 7px 6px / 5px 4px 3px 2px)", |
| 36 ["inset(10px round 10px 20px 30px 20px)", "inset(10px round 10px 20px 30px)"
], |
| 37 ["inset(10px round 10px 20px 10px 20px)", "inset(10px round 10px 20px)"], |
| 38 "inset(10px 20px 30px 40px round 5px 6px)", |
34 "inset(10px 20px 30px 40px round 5px 6px 7px 8px / 50px 60px 70px 80px)", | 39 "inset(10px 20px 30px 40px round 5px 6px 7px 8px / 50px 60px 70px 80px)", |
| 40 "inset(10px round 0px / 10px)", |
35 | 41 |
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)"], | 42 ["inset(calc(25%*3 - 10in) 0 0 0)", "inset(calc(75% - 10in) 0px 0px)", "inse
t(calc(75% - 960px) 0px 0px)"], |
37 | 43 |
38 ["circle()", "circle(at 50% 50%)", "circle(closest-side at 50% 50%)"], | 44 ["circle()", "circle(at 50% 50%)", "circle(closest-side at 50% 50%)"], |
39 ["circle(farthest-side)", "circle(farthest-side at 50% 50%)"], | 45 ["circle(farthest-side)", "circle(farthest-side at 50% 50%)"], |
40 ["circle(closest-side)", "circle(closest-side at 50% 50%)"], | 46 ["circle(closest-side)", "circle(closest-side at 50% 50%)"], |
41 ["circle(10px)", "circle(10px at 50% 50%)"], | 47 ["circle(10px)", "circle(10px at 50% 50%)"], |
42 ["circle(10px at 10px)", "circle(10px at 10px 50%)"], | 48 ["circle(10px at 10px)", "circle(10px at 10px 50%)"], |
43 "circle(10px at 10px 10px)", | 49 "circle(10px at 10px 10px)", |
44 ["circle(at 10px)", "circle(at 10px 50%)", "circle(closest-side at 10px 50%)
"], | 50 ["circle(at 10px)", "circle(at 10px 50%)", "circle(closest-side at 10px 50%)
"], |
45 ["circle(at 10px 10px)", "circle(at 10px 10px)", "circle(closest-side at 10p
x 10px)"], | 51 ["circle(at 10px 10px)", "circle(at 10px 10px)", "circle(closest-side at 10p
x 10px)"], |
46 ["circle(at top left)", "circle(at 0% 0%)", "circle(closest-side at 0% 0%)"]
, | 52 ["circle(at top left)", "circle(at 0% 0%)", "circle(closest-side at 0% 0%)"]
, |
(...skipping 209 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
256 | 262 |
257 function testNotInheritedShapeProperty(property, parentValue, childValue, expect
edValue) | 263 function testNotInheritedShapeProperty(property, parentValue, childValue, expect
edValue) |
258 { | 264 { |
259 shouldBeEqualToString('getParentAndChildComputedStylesString("' + property +
'", "' + parentValue + '", "' + childValue + '")', expectedValue); | 265 shouldBeEqualToString('getParentAndChildComputedStylesString("' + property +
'", "' + parentValue + '", "' + childValue + '")', expectedValue); |
260 } | 266 } |
261 | 267 |
262 function applyToEachArglist(testFunction, arglists) | 268 function applyToEachArglist(testFunction, arglists) |
263 { | 269 { |
264 arglists.forEach(function(arglist, i, a) {testFunction.apply(null, arglist);
}); | 270 arglists.forEach(function(arglist, i, a) {testFunction.apply(null, arglist);
}); |
265 } | 271 } |
OLD | NEW |