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)", | 10 "inset(10px)", |
(...skipping 24 matching lines...) Expand all Loading... |
35 "inset(10px round 9px 8px 7px 6px / 5px 4px 3px 2px)", | 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)"
], | 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)"], | 37 ["inset(10px round 10px 20px 10px 20px)", "inset(10px round 10px 20px)"], |
38 "inset(10px 20px 30px 40px round 5px 6px)", | 38 "inset(10px 20px 30px 40px round 5px 6px)", |
39 "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)", | 40 "inset(10px round 0px / 10px)", |
41 | 41 |
42 ["inset(calc(25%*3 - 10in) 0 0 0)", "inset(calc(75% - 10in) 0px 0px)", "inse
t(calc(-960px + 75%) 0px 0px)"], | 42 ["inset(calc(25%*3 - 10in) 0 0 0)", "inset(calc(75% - 10in) 0px 0px)", "inse
t(calc(-960px + 75%) 0px 0px)"], |
43 ["inset(10px 10px 10px 10px round calc(25%*3 - 10in))", "inset(10px round ca
lc(75% - 10in))", "inset(10px round calc(-960px + 75%))"], | 43 ["inset(10px 10px 10px 10px round calc(25%*3 - 10in))", "inset(10px round ca
lc(75% - 10in))", "inset(10px round calc(-960px + 75%))"], |
44 | 44 |
45 ["circle()", "circle(at 50% 50%)", "circle(closest-side at 50% 50%)"], | 45 ["circle()", "circle(at 50% 50%)", "circle(at 50% 50%)"], |
46 ["circle(farthest-side)", "circle(farthest-side at 50% 50%)"], | 46 ["circle(farthest-side)", "circle(farthest-side at 50% 50%)"], |
47 ["circle(closest-side)", "circle(closest-side at 50% 50%)"], | 47 ["circle()", "circle(at 50% 50%)", "circle(at 50% 50%)"], |
| 48 ["circle(closest-side at 50px 50px)", "circle(at 50px 50px)", "circle(at 50p
x 50px)"], |
48 ["circle(10px)", "circle(10px at 50% 50%)"], | 49 ["circle(10px)", "circle(10px at 50% 50%)"], |
49 ["circle(10px at 10px)", "circle(10px at 10px 50%)"], | 50 ["circle(10px at 10px)", "circle(10px at 10px 50%)"], |
50 "circle(10px at 10px 10px)", | 51 "circle(10px at 10px 10px)", |
51 ["circle(at 10px)", "circle(at 10px 50%)", "circle(closest-side at 10px 50%)
"], | 52 ["circle(at 10px)", "circle(at 10px 50%)", "circle(at 10px 50%)"], |
52 ["circle(at 10px 10px)", "circle(at 10px 10px)", "circle(closest-side at 10p
x 10px)"], | 53 ["circle(at 10px 10px)", "circle(at 10px 10px)", "circle(at 10px 10px)"], |
53 ["circle(at top left)", "circle(at 0% 0%)", "circle(closest-side at 0% 0%)"]
, | 54 ["circle(at top left)", "circle(at 0% 0%)", "circle(at 0% 0%)"], |
54 ["circle(at right bottom)", "circle(at 100% 100%)", "circle(closest-side at
100% 100%)"], | 55 ["circle(at right bottom)", "circle(at 100% 100%)", "circle(at 100% 100%)"], |
55 ["circle(10px at left top 10px)", "circle(10px at 0% 10px)"], | 56 ["circle(10px at left top 10px)", "circle(10px at 0% 10px)"], |
56 ["circle(10px at top 10px left 10px)", "circle(10px at 10px 10px)"], | 57 ["circle(10px at top 10px left 10px)", "circle(10px at 10px 10px)"], |
57 ["circle(10px at right 10% bottom 10%)", "circle(10px at 90% 90%)"], | 58 ["circle(10px at right 10% bottom 10%)", "circle(10px at 90% 90%)"], |
58 ["circle(10px at right 0px bottom 0px)", "circle(10px at 100% 100%)"], | 59 ["circle(10px at right 0px bottom 0px)", "circle(10px at 100% 100%)"], |
59 ["circle(10px at right 10px bottom 10px)", "circle(10px at right 10px bottom
10px)"], | 60 ["circle(10px at right 10px bottom 10px)", "circle(10px at right 10px bottom
10px)"], |
60 | 61 |
61 ["ellipse()", "ellipse(at 50% 50%)", "ellipse(closest-side closest-side at 5
0% 50%)"], | 62 ["ellipse()", "ellipse(at 50% 50%)", "ellipse(at 50% 50%)"], |
62 ["ellipse(10px)", "ellipse(10px at 50% 50%)", "ellipse(10px closest-side at
50% 50%)"], | 63 ["ellipse(10px)", "ellipse(10px at 50% 50%)", "ellipse(10px at 50% 50%)"], |
63 ["ellipse(10px 20px)", "ellipse(10px 20px at 50% 50%)"], | 64 ["ellipse(10px 20px)", "ellipse(10px 20px at 50% 50%)"], |
64 ["ellipse(10px at 10px)", "ellipse(10px at 10px 50%)", "ellipse(10px closest
-side at 10px 50%)"], | 65 ["ellipse(10px at 10px)", "ellipse(10px at 10px 50%)", "ellipse(10px at 10px
50%)"], |
65 ["ellipse(10px 20px at 10px)", "ellipse(10px 20px at 10px 50%)"], | 66 ["ellipse(10px 20px at 10px)", "ellipse(10px 20px at 10px 50%)"], |
66 ["ellipse(10px at 10px 10px)", "ellipse(10px at 10px 10px)", "ellipse(10px c
losest-side at 10px 10px)"], | 67 ["ellipse(10px at 10px 10px)", "ellipse(10px at 10px 10px)", "ellipse(10px a
t 10px 10px)"], |
67 ["ellipse(at 10px)", "ellipse(at 10px 50%)", "ellipse(closest-side closest-s
ide at 10px 50%)"], | 68 ["ellipse(at 10px)", "ellipse(at 10px 50%)", "ellipse(at 10px 50%)"], |
68 ["ellipse(at 10px 10px)", "ellipse(at 10px 10px)", "ellipse(closest-side clo
sest-side at 10px 10px)"], | 69 ["ellipse(at 10px 10px)", "ellipse(at 10px 10px)", "ellipse(at 10px 10px)"], |
69 ["ellipse(at top left)", "ellipse(at 0% 0%)", "ellipse(closest-side closest-
side at 0% 0%)"], | 70 ["ellipse(at top left)", "ellipse(at 0% 0%)", "ellipse(at 0% 0%)"], |
70 ["ellipse(at right bottom)", "ellipse(at 100% 100%)", "ellipse(closest-side
closest-side at 100% 100%)"], | 71 ["ellipse(at right bottom)", "ellipse(at 100% 100%)", "ellipse(at 100% 100%)
"], |
71 ["ellipse(10px at left top 10px)", "ellipse(10px at 0% 10px)", "ellipse(10px
closest-side at 0% 10px)"], | 72 ["ellipse(10px at left top 10px)", "ellipse(10px at 0% 10px)", "ellipse(10px
at 0% 10px)"], |
72 ["ellipse(10px at top 10px left 10px)", "ellipse(10px at 10px 10px)", "ellip
se(10px closest-side at 10px 10px)"], | 73 ["ellipse(10px at top 10px left 10px)", "ellipse(10px at 10px 10px)", "ellip
se(10px at 10px 10px)"], |
73 ["ellipse(10px at right 10px bottom 10px)", "ellipse(10px at right 10px bott
om 10px)", "ellipse(10px closest-side at right 10px bottom 10px)"], | 74 ["ellipse(10px at right 10px bottom 10px)", "ellipse(10px at right 10px bott
om 10px)", "ellipse(10px at right 10px bottom 10px)"], |
74 ["ellipse(10px 20px at left top 10px)", "ellipse(10px 20px at 0% 10px)"], | 75 ["ellipse(10px 20px at left top 10px)", "ellipse(10px 20px at 0% 10px)"], |
75 ["ellipse(10px 20px at top 10px left 10px)", "ellipse(10px 20px at 10px 10px
)"], | 76 ["ellipse(10px 20px at top 10px left 10px)", "ellipse(10px 20px at 10px 10px
)"], |
76 ["ellipse(10px 20px at right 10px bottom 10px)", "ellipse(10px 20px at right
10px bottom 10px)"], | 77 ["ellipse(10px 20px at right 10px bottom 10px)", "ellipse(10px 20px at right
10px bottom 10px)"], |
| 78 ["ellipse(closest-side closest-side at 50px 50px)", "ellipse(at 50px 50px)",
"ellipse(at 50px 50px)"], |
| 79 ["ellipse(farthest-side farthest-side at 50px 50px)", "ellipse(farthest-side
farthest-side at 50px 50px)", "ellipse(farthest-side farthest-side at 50px 50px
)"], |
| 80 ["ellipse(closest-side farthest-side at 50px 50px)", "ellipse(closest-side f
arthest-side at 50px 50px)", "ellipse(closest-side farthest-side at 50px 50px)"]
, |
| 81 ["ellipse(farthest-side closest-side at 50px 50px)", "ellipse(farthest-side
at 50px 50px)", "ellipse(farthest-side at 50px 50px)"], |
77 | 82 |
78 ["polygon(10px 20px, 30px 40px, 40px 50px)", "polygon(10px 20px, 30px 40px,
40px 50px)"], | 83 ["polygon(10px 20px, 30px 40px, 40px 50px)", "polygon(10px 20px, 30px 40px,
40px 50px)"], |
79 ["polygon(evenodd, 10px 20px, 30px 40px, 40px 50px)", "polygon(evenodd, 10px
20px, 30px 40px, 40px 50px)"], | 84 ["polygon(evenodd, 10px 20px, 30px 40px, 40px 50px)", "polygon(evenodd, 10px
20px, 30px 40px, 40px 50px)"], |
80 ["polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)", "polygon(10px 20px, 30
px 40px, 40px 50px)"], | 85 ["polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)", "polygon(10px 20px, 30
px 40px, 40px 50px)"], |
81 ["polygon(10px calc(10in))", "polygon(10px calc(10in))", "polygon(10px 960px
)"], | 86 ["polygon(10px calc(10in))", "polygon(10px calc(10in))", "polygon(10px 960px
)"], |
82 ["polygon(calc(10in) 10px)", "polygon(calc(10in) 10px)", "polygon(960px 10px
)"], | 87 ["polygon(calc(10in) 10px)", "polygon(calc(10in) 10px)", "polygon(960px 10px
)"], |
83 | 88 |
84 "content-box", | 89 "content-box", |
85 "padding-box", | 90 "padding-box", |
86 "border-box", | 91 "border-box", |
(...skipping 181 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
268 | 273 |
269 function testNotInheritedShapeProperty(property, parentValue, childValue, expect
edValue) | 274 function testNotInheritedShapeProperty(property, parentValue, childValue, expect
edValue) |
270 { | 275 { |
271 shouldBeEqualToString('getParentAndChildComputedStylesString("' + property +
'", "' + parentValue + '", "' + childValue + '")', expectedValue); | 276 shouldBeEqualToString('getParentAndChildComputedStylesString("' + property +
'", "' + parentValue + '", "' + childValue + '")', expectedValue); |
272 } | 277 } |
273 | 278 |
274 function applyToEachArglist(testFunction, arglists) | 279 function applyToEachArglist(testFunction, arglists) |
275 { | 280 { |
276 arglists.forEach(function(arglist, i, a) {testFunction.apply(null, arglist);
}); | 281 arglists.forEach(function(arglist, i, a) {testFunction.apply(null, arglist);
}); |
277 } | 282 } |
OLD | NEW |