| <html> |
| <head> |
| <style> |
| div { |
| width: 100px; |
| height:100px; |
| overflow:hidden; |
| float:left; |
| } |
| |
| .green { |
| background-color:green |
| } |
| |
| .red { |
| background-color:red |
| } |
| </style> |
| |
| <script src="../resources/text-based-repaint.js" type="text/javascript"></script> |
| <script> |
| function repaintTest() |
| { |
| document.getElementsByClassName("green")[0].style.opacity = 1; |
| } |
| </script> |
| |
| </head> |
| <body onload="runRepaintAndPixelTest()"> |
| <p>Repaint test for <rdar><!-- |
| An explanation as to why this is here. In the beginning, there was an |
| <rdar:://problem/6869687> link to rdar. However, that link was invisible |
| because it was enclosed in angle brackets. |
| |
| This was fine, until we implemented the HTML5 parsing algorithm, which changed |
| the name of the rdar element to not include // charaters. Rather than |
| regenerate the expected results (which were platform specific), the rdar link |
| was changed to an <rdar> element and the expected render tree was hand-edited. |
| --> REGRESSION (r41203): Facebook friend suggestions disappear on update. Make sure when a layer switches |
| 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. |
| If you see any red, the test has failed. |
| </p> |
| <div class="red"> |
| <div class="green" style="opacity:0.5"> |
| </div> |
| </div> |
| |