| 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, 10px, 10px)'], |  26 ['-webkit-shape-inside', 'circle(10px at 10px 10px)'], | 
|  27 ['-webkit-shape-outside', 'circle(10px, 10px, 10px)'], |  27 ['-webkit-shape-outside', 'circle(10px at 10px 10px)'], | 
|  28  |  28  | 
|  29 ['-webkit-wrap-flow', 'both'], |  29 ['-webkit-wrap-flow', 'both'], | 
|  30 ['-webkit-wrap-through', 'none'], |  30 ['-webkit-wrap-through', 'none'], | 
|  31  |  31  | 
|  32 ['grid-auto-columns', 'auto'], |  32 ['grid-auto-columns', 'auto'], | 
|  33 ['grid-auto-rows', 'auto'], |  33 ['grid-auto-rows', 'auto'], | 
|  34 ['grid-template-columns', 'min-content'], |  34 ['grid-template-columns', 'min-content'], | 
|  35 ['grid-template-rows', 'max-content'], |  35 ['grid-template-rows', 'max-content'], | 
|  36 ['grid-column-start', 'auto'], |  36 ['grid-column-start', 'auto'], | 
|  37 ['grid-column-end', '2'], |  37 ['grid-column-end', '2'], | 
|  38 ['grid-row-start', '1'], |  38 ['grid-row-start', '1'], | 
|  39 ['grid-column', 'auto'], |  39 ['grid-column', 'auto'], | 
|  40 ['grid-row', '1'], |  40 ['grid-row', '1'], | 
|  41 ['grid-area', '2'], |  41 ['grid-area', '2'], | 
|  42 ['grid-auto-flow', 'column'], |  42 ['grid-auto-flow', 'column'], | 
|  43 ['grid-template-areas', '"test"'], |  43 ['grid-template-areas', '"test"'], | 
|  44  |  44  | 
|  45 ['text-align-last', 'start'], |  45 ['text-align-last', 'start'], | 
|  46 ['text-justify', 'distribute'], |  46 ['text-justify', 'distribute'], | 
|  47 ]; |  47 ]; | 
|  48  |  48  | 
|  49 properties.forEach(function(args) { |  49 properties.forEach(function(args) { | 
|  50     testStyle(args[0], args[1]); |  50     testStyle(args[0], args[1]); | 
|  51 }); |  51 }); | 
|  52  |  52  | 
|  53 </script> |  53 </script> | 
|  54 </body> |  54 </body> | 
|  55 </html> |  55 </html> | 
| OLD | NEW |