third_party/WebKit/LayoutTests/css3/flexbox/repaint-opacity-change.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <script src="../../fast/repaint/resources/text-based-repaint.js" type="text/javascript"></script>
   5 <script>
   6 function repaintTest()
   7 {
   8   if (window.testRunner) {
   9     var targetElement = document.getElementById('target');
  10     targetElement.style.opacity = '0.5';
  11     document.body.offsetTop;
  12     targetElement.style.opacity = '1';
  13     document.body.offsetTop;
  14   }
  15 }
  16 </script>
  17 <style>
  18 .item {
  19   margin: 10px;
  20   padding: 10px;
  21   opacity: 1;
  22 }
  23 .flex {
  24   display: flex;
  25   flex-direction: column;
  26 }
  27 </style>
  28 </head>
  29 <body onload="runRepaintTest()">
  30 <div class="flex">
  31     <div class="item" id="target"></div>
  32     <div class="item"></div>
  33 </div>
  34 </body>