third_party/WebKit/LayoutTests/fast/repaint/opacity-change-on-overflow-float.html

   1 <html>
   2 <head>
   3 <style>
   4 div {
   5   width: 100px;
   6   height:100px;
   7   overflow:hidden;
   8   float:left;
   9 }
  10
  11 .green {
  12   background-color:green
  13 }
  14
  15 .red {
  16   background-color:red
  17 }
  18 </style>
  19
  20 <script src="resources/text-based-repaint.js" type="text/javascript"></script>
  21 <script>
  22 function repaintTest()
  23 {
  24     document.getElementsByClassName("green")[0].style.opacity = 1;
  25 }
  26 </script>
  27
  28 </head>
  29 <body onload="runRepaintTest()">
  30 <p>Repaint test for <rdar><!--
  31 Oh man, let me explain why this is here.  In the beginning, there was an
  32 <rdar:://problem/6869687> link to the great and mysterious rdar.  However, that
  33 link was invisible because whoever added it decided to enclose the link in
  34 angle brackets.
  35
  36 There was peace in the land, until we implemented the HTML5 parsing algorithm,
  37 which changed the name of the mysterious rdar element to not include //
  38 charaters.  Rather than regenerate the expected results (which were platform
  39 specific), our hero changed the rdar link to an <rdar> element and hand-edited
  40 the expected render tree.
  41
  42 And on the third day, he rested. --> REGRESSION (r41203): Facebook friend suggestions disappear on update.  Make sure when a layer switches
  43 from being self-painting to non-self-painting that a layout happens to fix up the floating objects lists.  You should see a 100x100 green square below.
  44 If you see any red, the test has failed.
  45 </p>
  46 <div class="red">
  47   <div class="green" style="opacity:0.5">
  48   </div>
  49 </div>
  50