third_party/WebKit/LayoutTests/fast/css/invalidation/detach-reattach.html

   1 <!DOCTYPE html>
   2 <script src="../../../resources/js-test.js"></script>
   3 <style>
   4   .a { width: 100px; height: 100px; background-color: green; }
   5 </style>
   6 <script>
   7     var inner;
   8     onload = function() {
   9         var root = document.getElementById('root');
  10         var mid = document.createElement('div');
  11         root.appendChild(mid);
  12
  13         inner = document.createElement('div');
  14         mid.appendChild(inner);
  15
  16         inner.offsetTop;
  17         inner.classList.add('a');
  18         mid.remove();
  19         root.offsetTop;
  20         root.appendChild(mid);
  21         inner.offsetTop;
  22         inner.classList.remove('a');
  23
  24         shouldBe('getComputedStyle(inner).backgroundColor', '"rgba(0, 0, 0, 0)"');
  25     }
  26 </script>
  27 <div id="root"></div>