OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script src="../../../resources/js-test.js"></script> | 4 <script src="../../../resources/js-test.js"></script> |
5 </head> | 5 </head> |
6 <body> | 6 <body> |
7 <script src="parsing-test-utils.js"></script> | 7 <script src="parsing-test-utils.js"></script> |
8 <script> | 8 <script> |
9 description('Testing parsing of the shape-inside property.'); | 9 description('Testing parsing of the shape-inside property.'); |
10 | 10 |
11 // The test functions and globals used here are defined parsing-test-utils.js. | 11 // The test functions and globals used here are defined parsing-test-utils.js. |
12 | 12 |
13 validShapeValues.concat("outside-shape").forEach(function(elt, i, a) { | 13 validShapeValues.concat("outside-shape").forEach(function(elt, i, a) { |
14 var value = (elt instanceof Array) ? elt[0] : elt; | 14 var value = (elt instanceof Array) ? elt[0] : elt; |
15 var expectedValue = (elt instanceof Array) ? elt[1] : elt; | 15 var expectedValue = (elt instanceof Array) ? elt[1] : elt; |
16 var computedValue = (elt instanceof Array && elt.length > 2) ? elt[2] : expe
ctedValue; | 16 var computedValue = (elt instanceof Array && elt.length > 2) ? elt[2] : expe
ctedValue; |
17 testShapeSpecifiedProperty("shape-inside", value, expectedValue); | 17 testShapeSpecifiedProperty("shape-inside", value, expectedValue); |
18 testShapeComputedProperty("shape-inside", value, computedValue); | 18 testShapeComputedProperty("shape-inside", value, computedValue); |
19 }); | 19 }); |
20 | 20 |
21 testLocalURLShapeProperty("shape-inside", "url(\'image\')", "url(image)"); | 21 testLocalURLShapeProperty("shape-inside", "url(\'image\')", "url(image)"); |
22 | 22 |
23 invalidShapeValues.forEach(function(value, i, a) { | 23 invalidShapeValues.forEach(function(value, i, a) { |
24 testShapePropertyParsingFailure("shape-inside", value, "none") | 24 testShapePropertyParsingFailure("shape-inside", value, "none") |
25 }); | 25 }); |
26 | 26 |
27 applyToEachArglist( | 27 applyToEachArglist( |
28 testNotInheritedShapeProperty, | 28 testNotInheritedShapeProperty, |
29 [// [property, parentValue, childValue, expectedValue] | 29 [// [property, parentValue, childValue, expectedValue] |
30 ["shape-inside", "none", "rectangle(10px, 20px, 30px, 40px)", "parent: none
, child: rectangle(10px, 20px, 30px, 40px, 0px, 0px)"], | 30 ["-webkit-shape-inside", "none", "circle(30px at 10px 20px)", "parent: none
, child: circle(30px at 10px 20px)"], |
31 ["shape-inside", "outside-shape", "rectangle(10px, 20px, 30px, 40px)", "par
ent: outside-shape, child: rectangle(10px, 20px, 30px, 40px, 0px, 0px)"], | 31 ["-webkit-shape-inside", "outside-shape", "circle(30px at 10px 20px)", "par
ent: outside-shape, child: circle(30px at 10px 20px)"], |
32 ["shape-inside", "rectangle(10px, 20px, 30px, 40px)", "initial", "parent: r
ectangle(10px, 20px, 30px, 40px, 0px, 0px), child: none"], | 32 ["-webkit-shape-inside", "circle(30px at 10px 20px)", "initial", "parent: c
ircle(30px at 10px 20px), child: none"], |
33 ["shape-inside", "rectangle(10px, 20px, 30px, 40px)", "", "parent: rectangl
e(10px, 20px, 30px, 40px, 0px, 0px), child: none"], | 33 ["-webkit-shape-inside", "circle(30px at 10px 20px)", "", "parent: circle(3
0px at 10px 20px), child: none"], |
34 ["shape-inside", "rectangle(10px, 20px, 30px, 40px)", "inherit", "parent: r
ectangle(10px, 20px, 30px, 40px, 0px, 0px), child: rectangle(10px, 20px, 30px, 4
0px, 0px, 0px)"], | 34 ["-webkit-shape-inside", "circle(30px at 10px 20px)", "inherit", "parent: c
ircle(30px at 10px 20px), child: circle(30px at 10px 20px)"], |
35 ["shape-inside", "", "inherit", "parent: none, child: none"], | 35 ["shape-inside", "", "inherit", "parent: none, child: none"], |
36 ["shape-inside", "none", "inherit", "parent: none, child: none"]] | 36 ["shape-inside", "none", "inherit", "parent: none, child: none"]] |
37 ); | 37 ); |
38 </script> | 38 </script> |
39 </body> | 39 </body> |
40 </html> | 40 </html> |
OLD | NEW |