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 |