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 "auto", | 8 "auto", |
9 ["rectangle(10px, 20px, 30px, 40px)", "rectangle(10px, 20px, 30px, 40px)", "
rectangle(10px, 20px, 30px, 40px, 0px, 0px)"], | 9 ["rectangle(10px, 20px, 30px, 40px)", "rectangle(10px, 20px, 30px, 40px)", "
rectangle(10px, 20px, 30px, 40px, 0px, 0px)"], |
10 ["rectangle(10px, 20px, 30px, 40px, 5px)", "rectangle(10px, 20px, 30px, 40px
, 5px)", "rectangle(10px, 20px, 30px, 40px, 5px, 5px)"], | 10 ["rectangle(10px, 20px, 30px, 40px, 5px)", "rectangle(10px, 20px, 30px, 40px
, 5px)", "rectangle(10px, 20px, 30px, 40px, 5px, 5px)"], |
11 "rectangle(10px, 20px, 30px, 40px, 5px, 10px)", | 11 "rectangle(10px, 20px, 30px, 40px, 5px, 10px)", |
12 | 12 |
13 ["inset-rectangle(10px, 20px, 30px, 40px)", "inset-rectangle(10px, 20px, 30p
x, 40px)", "inset-rectangle(10px, 20px, 30px, 40px, 0px, 0px)"], | 13 ["inset-rectangle(10px, 20px, 30px, 40px)", "inset-rectangle(10px, 20px, 30p
x, 40px)", "inset-rectangle(10px, 20px, 30px, 40px, 0px, 0px)"], |
14 ["inset-rectangle(10px, 20px, 30px, 40px, 5px)", "inset-rectangle(10px, 20px
, 30px, 40px, 5px)", "inset-rectangle(10px, 20px, 30px, 40px, 5px, 5px)"], | 14 ["inset-rectangle(10px, 20px, 30px, 40px, 5px)", "inset-rectangle(10px, 20px
, 30px, 40px, 5px)", "inset-rectangle(10px, 20px, 30px, 40px, 5px, 5px)"], |
15 "inset-rectangle(10px, 20px, 30px, 40px, 5px, 10px)", | 15 "inset-rectangle(10px, 20px, 30px, 40px, 5px, 10px)", |
16 | 16 |
17 "circle(10px, 20px, 30px)", // FIXME: Remove this test once we do not suppor
t the deprecated CSS Shapes syntax anymore. | 17 "circle(10px, 20px, 30px)", // FIXME: Remove this test once we do not suppor
t the deprecated CSS Shapes syntax anymore. |
18 | 18 |
19 ["circle()", "circle()", "circle(closest-side at 50% 50%)"], | 19 ["circle()", "circle()", "circle(closest-side at 50% 50%)"], |
| 20 ["circle(farthest-side)", "circle(farthest-side)", "circle(farthest-side at
50% 50%)"], |
| 21 ["circle(closest-side)", "circle(closest-side)", "circle(closest-side at 50%
50%)"], |
20 ["circle(10px)", "circle(10px)", "circle(10px at 50% 50%)"], | 22 ["circle(10px)", "circle(10px)", "circle(10px at 50% 50%)"], |
21 ["circle(10px at 10px)", "circle(10px at 10px 50%)"], | 23 ["circle(10px at 10px)", "circle(10px at 10px 50%)"], |
22 "circle(10px at 10px 10px)", | 24 "circle(10px at 10px 10px)", |
23 ["circle(at 10px)", "circle(at 10px 50%)", "circle(closest-side at 10px 50%)
"], | 25 ["circle(at 10px)", "circle(at 10px 50%)", "circle(closest-side at 10px 50%)
"], |
24 ["circle(at 10px 10px)", "circle(at 10px 10px)", "circle(closest-side at 10p
x 10px)"], | 26 ["circle(at 10px 10px)", "circle(at 10px 10px)", "circle(closest-side at 10p
x 10px)"], |
25 ["circle(at top left)", "circle(at 0% 0%)", "circle(closest-side at 0% 0%)"]
, | 27 ["circle(at top left)", "circle(at 0% 0%)", "circle(closest-side at 0% 0%)"]
, |
26 ["circle(at right bottom)", "circle(at 100% 100%)", "circle(closest-side at
100% 100%)"], | 28 ["circle(at right bottom)", "circle(at 100% 100%)", "circle(closest-side at
100% 100%)"], |
27 ["circle(10px at left top 10px)", "circle(10px at left 0% top 10px)"], | 29 ["circle(10px at left top 10px)", "circle(10px at left 0% top 10px)"], |
28 ["circle(10px at top 10px left 10px)", "circle(10px at left 10px top 10px)"]
, | 30 ["circle(10px at top 10px left 10px)", "circle(10px at left 10px top 10px)"]
, |
29 ["circle(10px at right 10px bottom 10px)", "circle(10px at right 10px bottom
10px)"], | 31 ["circle(10px at right 10px bottom 10px)", "circle(10px at right 10px bottom
10px)"], |
(...skipping 205 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
235 | 237 |
236 function testNotInheritedShapeProperty(property, parentValue, childValue, expect
edValue) | 238 function testNotInheritedShapeProperty(property, parentValue, childValue, expect
edValue) |
237 { | 239 { |
238 shouldBeEqualToString('getParentAndChildComputedStylesString("' + property +
'", "' + parentValue + '", "' + childValue + '")', expectedValue); | 240 shouldBeEqualToString('getParentAndChildComputedStylesString("' + property +
'", "' + parentValue + '", "' + childValue + '")', expectedValue); |
239 } | 241 } |
240 | 242 |
241 function applyToEachArglist(testFunction, arglists) | 243 function applyToEachArglist(testFunction, arglists) |
242 { | 244 { |
243 arglists.forEach(function(arglist, i, a) {testFunction.apply(null, arglist);
}); | 245 arglists.forEach(function(arglist, i, a) {testFunction.apply(null, arglist);
}); |
244 } | 246 } |
OLD | NEW |