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