third_party/WebKit/LayoutTests/svg/css/display-computed.html

   1 <!DOCTYPE html>
   2 <script src="../../resources/testharness.js"></script>
   3 <script src="../../resources/testharnessreport.js"></script>
   4 <style>
   5 svg { width: 0; height: 0; }
   6 #t1, #t1 g { display: inline }
   7 #t2, #t2 g { display: block; }
   8 #t3, #t3 g { display: inline-block; }
   9 #t4, #t4 g { display: inline-table; }
  10 #t5, #t5 g { display: table; }
  11 #t6, #t6 g { display: table-cell; }
  12 </style>
  13 <svg id="t1"><g/></svg>
  14 <svg id="t2"><g/></svg>
  15 <svg id="t3"><g/></svg>
  16 <svg id="t4"><g/></svg>
  17 <svg id="t5"><g/></svg>
  18 <svg id="t6"><g/></svg>
  19 <script>
  20 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t1")).display, "inline"); }, "svg:svg display inline");
  21 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t1 g")).display, "inline"); }, "svg:g display inline");
  22 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t2")).display, "block"); }, "svg:svg display block");
  23 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t2 g")).display, "block"); }, "svg:g display block");
  24 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t3")).display, "inline-block"); }, "svg:svg display inline-block");
  25 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t3 g")).display, "inline-block"); }, "svg:g display inline-block");
  26 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t4")).display, "inline-table"); }, "svg:svg display inline-table");
  27 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t4 g")).display, "inline-table"); }, "svg:g display inline-table");
  28 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t5")).display, "table"); }, "svg:svg display table");
  29 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t5 g")).display, "table"); }, "svg:g display table");
  30 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t6")).display, "table-cell"); }, "svg:svg display table-cell");
  31 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t6 g")).display, "table-cell"); }, "svg:g display table-cell");
  32 </script>