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

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