third_party/WebKit/LayoutTests/fast/css/getComputedStyle/computed-style-grid-layout.html

   1 <!DOCTYPE html>
   2 <html>
   3 <script>
   4 var propertiesToTest = {
   5   "grid-auto-columns": true,
   6   "grid-auto-flow": true,
   7   "grid-auto-rows": true,
   8   "grid-area": true,
   9   "grid-column": true,
  10   "grid-column-end": true,
  11   "grid-column-start": true,
  12   "grid-template-columns": true,
  13   "grid-template-rows": true,
  14   "grid-row": true,
  15   "grid-row-end": true,
  16   "grid-row-start": true,
  17   "grid-template-areas": true,
  18 };
  19
  20 function test()
  21 {
  22     if (window.testRunner)
  23         testRunner.dumpAsText();
  24     var style = document.defaultView.getComputedStyle(document.body, "");
  25     var text = "";
  26     for (var i = 0; i != style.length; ++i) {
  27         var name = style.item(i);
  28         if (!propertiesToTest[name])
  29            continue;
  30         text += name + ": " + style.getPropertyValue(name) + ";\n";
  31     }
  32     document.getElementById("exposed").textContent = text;
  33 }
  34 </script>
  35 <body onload="test()">
  36 <p>CSS Grid Layout Attributes that are exposed in the CSS computed style object:</p>
  37 <p id="exposed" style="white-space: pre"></p>
  38 </body>
  39 </html>