third_party/WebKit/LayoutTests/fast/css-generated-content/summary-before-after-content.html

   1 <!DOCTYPE html>
   2
   3 <style>
   4     .before summary:before {
   5       content: "+";
   6       display: block;
   7     }
   8     .after summary:after {
   9       content: "+";
  10       display: block;
  11     }
  12 </style>
  13
  14 <details>
  15     <summary>Should allow generated content inside summary</summary>
  16 </details>
  17
  18 <script>
  19 if (window.testRunner)
  20     testRunner.dumpAsText();
  21
  22 var details = document.querySelector('details');
  23
  24 function assertHeightChangedWithClassName(className)
  25 {
  26     var oldHeight = details.offsetHeight;
  27     details.className = className;
  28     var newHeight = details.offsetHeight;
  29     document.body.appendChild(document.createTextNode(className + ' '));
  30     document.body.appendChild(document.createTextNode(newHeight > oldHeight ? 'PASS' : 'FAIL'));
  31     document.body.appendChild(document.createElement('br'));
  32     details.className = '';
  33 }
  34
  35 onload = function() {
  36     assertHeightChangedWithClassName('before');
  37     assertHeightChangedWithClassName('after');
  38 }
  39 </script>