OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <body> | 3 <body> |
4 <div id='el'></div> | 4 <div id='el'></div> |
5 | 5 |
6 <script src="../resources/js-test.js"></script> | 6 <script src="../resources/js-test.js"></script> |
7 <script> | 7 <script> |
8 | 8 |
9 description("Test getting and setting nonstable css properties to non-default va
lues"); | 9 description("Test getting and setting nonstable css properties to non-default va
lues"); |
10 | 10 |
11 function testStyle(property, value) { | 11 function testStyle(property, value) { |
12 var el = document.getElementById('el'); | 12 var el = document.getElementById('el'); |
13 var test = function(toEval, logResult) { | 13 var test = function(toEval, logResult) { |
14 var result = eval(toEval); | 14 var result = eval(toEval); |
15 debug(toEval + (logResult ? " is " + result : "")); | 15 debug(toEval + (logResult ? " is " + result : "")); |
16 } | 16 } |
17 test("el.style.setProperty('" + property + "', '" + value + "')", false); | 17 test("el.style.setProperty('" + property + "', '" + value + "')", false); |
18 test("el.style.getPropertyValue('" + property + "')", true); | 18 test("el.style.getPropertyValue('" + property + "')", true); |
19 test("getComputedStyle(el).getPropertyValue('" + property + "')", true); | 19 test("getComputedStyle(el).getPropertyValue('" + property + "')", true); |
20 debug(""); | 20 debug(""); |
21 } | 21 } |
22 | 22 |
23 var properties = [ | 23 var properties = [ |
24 ['-webkit-shape-margin', '10px'], | 24 ['-webkit-shape-margin', '10px'], |
25 ['-webkit-shape-padding', '10px'], | 25 ['-webkit-shape-padding', '10px'], |
26 ['-webkit-shape-inside', 'circle(10px at 10px 10px)'], | |
27 ['-webkit-shape-outside', 'circle(10px at 10px 10px)'], | 26 ['-webkit-shape-outside', 'circle(10px at 10px 10px)'], |
28 | 27 |
29 ['-webkit-wrap-flow', 'both'], | 28 ['-webkit-wrap-flow', 'both'], |
30 ['-webkit-wrap-through', 'none'], | 29 ['-webkit-wrap-through', 'none'], |
31 | 30 |
32 ['grid-auto-columns', 'auto'], | 31 ['grid-auto-columns', 'auto'], |
33 ['grid-auto-rows', 'auto'], | 32 ['grid-auto-rows', 'auto'], |
34 ['grid-template-columns', 'min-content'], | 33 ['grid-template-columns', 'min-content'], |
35 ['grid-template-rows', 'max-content'], | 34 ['grid-template-rows', 'max-content'], |
36 ['grid-column-start', 'auto'], | 35 ['grid-column-start', 'auto'], |
37 ['grid-column-end', '2'], | 36 ['grid-column-end', '2'], |
38 ['grid-row-start', '1'], | 37 ['grid-row-start', '1'], |
39 ['grid-column', 'auto'], | 38 ['grid-column', 'auto'], |
40 ['grid-row', '1'], | 39 ['grid-row', '1'], |
41 ['grid-area', '2'], | 40 ['grid-area', '2'], |
42 ['grid-auto-flow', 'column'], | 41 ['grid-auto-flow', 'column'], |
43 ['grid-template-areas', '"test"'], | 42 ['grid-template-areas', '"test"'], |
44 | 43 |
45 ['text-align-last', 'start'], | 44 ['text-align-last', 'start'], |
46 ['text-justify', 'distribute'], | 45 ['text-justify', 'distribute'], |
47 ]; | 46 ]; |
48 | 47 |
49 properties.forEach(function(args) { | 48 properties.forEach(function(args) { |
50 testStyle(args[0], args[1]); | 49 testStyle(args[0], args[1]); |
51 }); | 50 }); |
52 | 51 |
53 </script> | 52 </script> |
54 </body> | 53 </body> |
55 </html> | 54 </html> |
OLD | NEW |