<html>
<head>
<style>
div {
  width: 100px;
  height:100px;
  overflow:hidden;
  float:left;
}

.green {
  background-color:green
}

.red {
  background-color:red
}
</style>

<script src="resources/repaint.js" type="text/javascript"></script>
<script>
function repaintTest()
{
    document.getElementsByClassName("green")[0].style.opacity = 1;
}
</script>

</head>
<body onload="runRepaintTest()">
<p>Repaint test for <rdar><!-- 
Oh man, let me explain why this is here.  In the beginning, there was an
<rdar:://problem/6869687> link to the great and mysterious rdar.  However, that
link was invisible because whoever added it decided to enclose the link in
angle brackets.

There was peace in the land, until we implemented the HTML5 parsing algorithm,
which changed the name of the mysterious rdar element to not include //
charaters.  Rather than regenerate the expected results (which were platform
specific), our hero changed the rdar link to an <rdar> element and hand-edited
the expected render tree.

And on the third day, he rested. --> 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>