third_party/WebKit/LayoutTests/webexposed/nonstable-css-properties.html

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