| 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 ["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)"], | |
| 11 "rectangle(10px, 20px, 30px, 40px, 5px, 10px)", | |
| 12 | |
| 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)"], | |
| 15 "inset-rectangle(10px, 20px, 30px, 40px, 5px, 10px)", | |
| 16 | 9 |
| 17 ["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)"], |
| 18 ["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 10px 9px)", "inset(10px 9px 10px 9px rou
nd 0px 0px 0px 0px / 0px 0px 0px 0px)"], |
| 19 ["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 9px)", "inset(10px 9px 8px 9px r
ound 0px 0px 0px 0px / 0px 0px 0px 0px)"], |
| 20 ["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)", "inset(10px 20p
x 30px 40px round 0px 0px 0px 0px / 0px 0px 0px 0px)"], |
| 21 ["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 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)"], |
| 22 ["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 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)"], |
| 23 ["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 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)"], |
| 24 ["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 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)"], |
| 25 ["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 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)"], |
| 26 ["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 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)"], |
| 27 ["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 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)"], |
| 28 ["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 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)"], |
| 29 ["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 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)"], |
| 30 ["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 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)"], |
| 31 ["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 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)"], |
| 32 ["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 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)"], |
| 33 ["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)"], |
| 34 ["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)"], |
| 35 ["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)"], |
| 36 ["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)"], |
| 37 ["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)"], |
| 38 ["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)"], |
| 39 ["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)"], |
| 40 ["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)"], |
| 41 "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)", |
| 42 | 35 |
| 43 "circle(10px, 20px, 30px)", // FIXME: Remove this test once we do not suppor
t the deprecated CSS Shapes syntax anymore. | |
| 44 | |
| 45 ["circle()", "circle(at 50% 50%)", "circle(closest-side at 50% 50%)"], | 36 ["circle()", "circle(at 50% 50%)", "circle(closest-side at 50% 50%)"], |
| 46 ["circle(farthest-side)", "circle(farthest-side at 50% 50%)"], | 37 ["circle(farthest-side)", "circle(farthest-side at 50% 50%)"], |
| 47 ["circle(closest-side)", "circle(closest-side at 50% 50%)"], | 38 ["circle(closest-side)", "circle(closest-side at 50% 50%)"], |
| 48 ["circle(10px)", "circle(10px at 50% 50%)"], | 39 ["circle(10px)", "circle(10px at 50% 50%)"], |
| 49 ["circle(10px at 10px)", "circle(10px at 10px 50%)"], | 40 ["circle(10px at 10px)", "circle(10px at 10px 50%)"], |
| 50 "circle(10px at 10px 10px)", | 41 "circle(10px at 10px 10px)", |
| 51 ["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%)
"], |
| 52 ["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)"], |
| 53 ["circle(at top left)", "circle(at 0% 0%)", "circle(closest-side at 0% 0%)"]
, | 44 ["circle(at top left)", "circle(at 0% 0%)", "circle(closest-side at 0% 0%)"]
, |
| 54 ["circle(at right bottom)", "circle(at 100% 100%)", "circle(closest-side at
100% 100%)"], | 45 ["circle(at right bottom)", "circle(at 100% 100%)", "circle(closest-side at
100% 100%)"], |
| 55 ["circle(10px at left top 10px)", "circle(10px at 0% 10px)"], | 46 ["circle(10px at left top 10px)", "circle(10px at 0% 10px)"], |
| 56 ["circle(10px at top 10px left 10px)", "circle(10px at 10px 10px)"], | 47 ["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%)"], | 48 ["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%)"], | 49 ["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)"], | 50 ["circle(10px at right 10px bottom 10px)", "circle(10px at right 10px bottom
10px)"], |
| 60 | 51 |
| 61 "ellipse(10px, 20px, 30px, 40px)", // FIXME: Remove this test once we do not
support the deprecated CSS Shapes syntax anymore. | |
| 62 | |
| 63 ["ellipse()", "ellipse(at 50% 50%)", "ellipse(closest-side closest-side at 5
0% 50%)"], | 52 ["ellipse()", "ellipse(at 50% 50%)", "ellipse(closest-side closest-side at 5
0% 50%)"], |
| 64 ["ellipse(10px)", "ellipse(10px at 50% 50%)", "ellipse(10px closest-side at
50% 50%)"], | 53 ["ellipse(10px)", "ellipse(10px at 50% 50%)", "ellipse(10px closest-side at
50% 50%)"], |
| 65 ["ellipse(10px 20px)", "ellipse(10px 20px at 50% 50%)"], | 54 ["ellipse(10px 20px)", "ellipse(10px 20px at 50% 50%)"], |
| 66 ["ellipse(10px at 10px)", "ellipse(10px at 10px 50%)", "ellipse(10px closest
-side at 10px 50%)"], | 55 ["ellipse(10px at 10px)", "ellipse(10px at 10px 50%)", "ellipse(10px closest
-side at 10px 50%)"], |
| 67 ["ellipse(10px 20px at 10px)", "ellipse(10px 20px at 10px 50%)"], | 56 ["ellipse(10px 20px at 10px)", "ellipse(10px 20px at 10px 50%)"], |
| 68 ["ellipse(10px at 10px 10px)", "ellipse(10px at 10px 10px)", "ellipse(10px c
losest-side at 10px 10px)"], | 57 ["ellipse(10px at 10px 10px)", "ellipse(10px at 10px 10px)", "ellipse(10px c
losest-side at 10px 10px)"], |
| 69 ["ellipse(at 10px)", "ellipse(at 10px 50%)", "ellipse(closest-side closest-s
ide at 10px 50%)"], | 58 ["ellipse(at 10px)", "ellipse(at 10px 50%)", "ellipse(closest-side closest-s
ide at 10px 50%)"], |
| 70 ["ellipse(at 10px 10px)", "ellipse(at 10px 10px)", "ellipse(closest-side clo
sest-side at 10px 10px)"], | 59 ["ellipse(at 10px 10px)", "ellipse(at 10px 10px)", "ellipse(closest-side clo
sest-side at 10px 10px)"], |
| 71 ["ellipse(at top left)", "ellipse(at 0% 0%)", "ellipse(closest-side closest-
side at 0% 0%)"], | 60 ["ellipse(at top left)", "ellipse(at 0% 0%)", "ellipse(closest-side closest-
side at 0% 0%)"], |
| 72 ["ellipse(at right bottom)", "ellipse(at 100% 100%)", "ellipse(closest-side
closest-side at 100% 100%)"], | 61 ["ellipse(at right bottom)", "ellipse(at 100% 100%)", "ellipse(closest-side
closest-side at 100% 100%)"], |
| (...skipping 23 matching lines...) Expand all Loading... |
| 96 ["border-box polygon(nonzero, 10px 10px, 20px 20px, 30px 30px)", "border-box
polygon(10px 10px, 20px 20px, 30px 30px)", "polygon(10px 10px, 20px 20px, 30px
30px) border-box"], | 85 ["border-box polygon(nonzero, 10px 10px, 20px 20px, 30px 30px)", "border-box
polygon(10px 10px, 20px 20px, 30px 30px)", "polygon(10px 10px, 20px 20px, 30px
30px) border-box"], |
| 97 ["margin-box polygon(nonzero, 10px 10px, 20px 20px, 30px 30px)", "margin-box
polygon(10px 10px, 20px 20px, 30px 30px)", "polygon(10px 10px, 20px 20px, 30px
30px) margin-box"] | 86 ["margin-box polygon(nonzero, 10px 10px, 20px 20px, 30px 30px)", "margin-box
polygon(10px 10px, 20px 20px, 30px 30px)", "polygon(10px 10px, 20px 20px, 30px
30px) margin-box"] |
| 98 ]; | 87 ]; |
| 99 | 88 |
| 100 // Invalid values for both shape-inside and shape-outside. When an invalid shape
value is specified, the | 89 // Invalid values for both shape-inside and shape-outside. When an invalid shape
value is specified, the |
| 101 // shape property's computed value is the same as its default. | 90 // shape property's computed value is the same as its default. |
| 102 var invalidShapeValues = [ | 91 var invalidShapeValues = [ |
| 103 "calc()", | 92 "calc()", |
| 104 "auto", | 93 "auto", |
| 105 | 94 |
| 106 "rectangle()", | |
| 107 "rectangle(10px)", | |
| 108 "rectangle(10px, 10px)", | |
| 109 "rectangle(10px, 20px, 30px)", | |
| 110 "rectangle(10px 20px 30px 40px)", | |
| 111 "rectangle(10px, 20px, 30px, 40px, 50px, 60px, 70px)", | |
| 112 | |
| 113 "inset-rectangle()", | |
| 114 "inset-rectangle(10px)", | |
| 115 "inset-rectangle(10px, 10px)", | |
| 116 "inset-rectangle(10px, 20px, 30px)", | |
| 117 "inset-rectangle(10px 20px 30px 40px)", | |
| 118 "inset-rectangle(10px, 20px, 30px, 40px, 50px, 60px, 70px)", | |
| 119 | |
| 120 "inset()", | 95 "inset()", |
| 121 "inset(10px, 10px)", | 96 "inset(10px, 10px)", |
| 122 "inset(10px 20px, 30px)", | 97 "inset(10px 20px, 30px)", |
| 123 "inset(10px, 20px 30px 40px)", | 98 "inset(10px, 20px 30px 40px)", |
| 124 "inset(10px 20px 30px 40px 50px 60px)", | 99 "inset(10px 20px 30px 40px 50px 60px)", |
| 125 "inset(round)", | 100 "inset(round)", |
| 126 "inset(round 10px)", | 101 "inset(round 10px)", |
| 127 "inset(10px round)", | 102 "inset(10px round)", |
| 128 "inset(10px round 10px /)", | 103 "inset(10px round 10px /)", |
| 129 "inset(10px round 20px 30px 40px 50px 60px)", | 104 "inset(10px round 20px 30px 40px 50px 60px)", |
| 130 "inset(10px round /)", | 105 "inset(10px round /)", |
| 131 "inset(10px round / 10px)", | 106 "inset(10px round / 10px)", |
| 132 "inset(/)", | 107 "inset(/)", |
| 133 "inset(/ 10px)", | 108 "inset(/ 10px)", |
| 134 "inset(round /)", | 109 "inset(round /)", |
| 135 | 110 |
| 136 "circle(10px, 20px)", // FIXME: Remove this test once we do not support the
deprecated CSS Shapes syntax anymore. | |
| 137 "circle(10px 20px 30px)", // FIXME: Remove this test once we do not support
the deprecated CSS Shapes syntax anymore. | |
| 138 "circle(10px, 20px, 30px, 40px)", // FIXME: Remove this test once we do not
support the deprecated CSS Shapes syntax anymore. | |
| 139 | |
| 140 "circle(10px 20px)", | 111 "circle(10px 20px)", |
| 141 "circle(10px at 10px 10px 10px)", | 112 "circle(10px at 10px 10px 10px)", |
| 142 "circle(10px at 10px 10px at center)", | 113 "circle(10px at 10px 10px at center)", |
| 143 "circle(10px at center center 10px)", | 114 "circle(10px at center center 10px)", |
| 144 "circle(at 10px 10px 10px)", | 115 "circle(at 10px 10px 10px)", |
| 145 "circle(at 10px 10px at center)", | 116 "circle(at 10px 10px at center)", |
| 146 "circle(at center center 10px)", | 117 "circle(at center center 10px)", |
| 147 | 118 |
| 148 "circle(at 10px 10px closest-side)", | 119 "circle(at 10px 10px closest-side)", |
| 149 "circle(10px at)", | 120 "circle(10px at)", |
| 150 "circle(at)", | 121 "circle(at)", |
| 151 | 122 |
| 152 "ellipse(10px, 20px)", // FIXME: Remove this test once we do not support the
deprecated CSS Shapes syntax anymore. | |
| 153 "ellipse(10px, 20px, 30px)", // FIXME: Remove this test once we do not suppo
rt the deprecated CSS Shapes syntax anymore. | |
| 154 "ellipse(10px 20px 30px 40px)", // FIXME: Remove this test once we do not su
pport the deprecated CSS Shapes syntax anymore. | |
| 155 | |
| 156 "ellipse(10px 20px 30px)", | 123 "ellipse(10px 20px 30px)", |
| 157 "ellipse(10px at 10px 10px 10px)", | 124 "ellipse(10px at 10px 10px 10px)", |
| 158 "ellipse(10px at 10px 10px at center)", | 125 "ellipse(10px at 10px 10px at center)", |
| 159 "ellipse(10px at center center 10px)", | 126 "ellipse(10px at center center 10px)", |
| 160 "ellipse(10px 20px 30px at center center 10px)", | 127 "ellipse(10px 20px 30px at center center 10px)", |
| 161 "ellipse(at 10px 10px 10px)", | 128 "ellipse(at 10px 10px 10px)", |
| 162 "ellipse(at 10px 10px at center)", | 129 "ellipse(at 10px 10px at center)", |
| 163 "ellipse(at center center 10px)", | 130 "ellipse(at center center 10px)", |
| 164 "ellipse(10px 20px at)", | 131 "ellipse(10px 20px at)", |
| 165 "ellipse(at)", | 132 "ellipse(at)", |
| (...skipping 121 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 287 | 254 |
| 288 function testNotInheritedShapeProperty(property, parentValue, childValue, expect
edValue) | 255 function testNotInheritedShapeProperty(property, parentValue, childValue, expect
edValue) |
| 289 { | 256 { |
| 290 shouldBeEqualToString('getParentAndChildComputedStylesString("' + property +
'", "' + parentValue + '", "' + childValue + '")', expectedValue); | 257 shouldBeEqualToString('getParentAndChildComputedStylesString("' + property +
'", "' + parentValue + '", "' + childValue + '")', expectedValue); |
| 291 } | 258 } |
| 292 | 259 |
| 293 function applyToEachArglist(testFunction, arglists) | 260 function applyToEachArglist(testFunction, arglists) |
| 294 { | 261 { |
| 295 arglists.forEach(function(arglist, i, a) {testFunction.apply(null, arglist);
}); | 262 arglists.forEach(function(arglist, i, a) {testFunction.apply(null, arglist);
}); |
| 296 } | 263 } |
| OLD | NEW |