| OLD | NEW |
|---|
| (Empty) |
| 1 <!DOCTYPE HTML> | |
| 2 <html> | |
| 3 <head> | |
| 4 <title>Repaint test for http://bugs.webkit.org/show_bug.cgi?id=12123</title> | |
| 5 <script src="../../resources/ahem.js"></script> | |
| 6 <style> | |
| 7 .spacer { width: 0; } | |
| 8 .test { direction: rtl; border: thin dotted lightgray; margin: 2px; heig
ht: 35px; } | |
| 9 .outer { border: thin solid purple; padding: 5px; width: 50px; margin-ri
ght: 50px; } | |
| 10 .outer > div { height: 10px; background-color: pink; } | |
| 11 .outer > div > div { width: 40px; height: 10px; background-color: lightb
lue; } | |
| 12 span { font-family: Ahem; color: blue; } | |
| 13 .box { display: -webkit-box; } | |
| 14 </style> | |
| 15 <script src="resources/text-based-repaint.js"></script> | |
| 16 <script> | |
| 17 function repaintTest() | |
| 18 { | |
| 19 for (i = 1; i < 15; ++i) | |
| 20 document.getElementById("spacer" + i).style.height = "6px"; | |
| 21 } | |
| 22 </script> | |
| 23 </head> | |
| 24 <body onload="runRepaintAndPixelTest()"> | |
| 25 <div class="test"> | |
| 26 <div class="spacer" id="spacer1"></div> | |
| 27 <div class="outer"> | |
| 28 <div> | |
| 29 <div style="float: right; margin-right: -2px;"> | |
| 30 <span style="margin-right: -2px;">x</span> | |
| 31 </div> | |
| 32 </div> | |
| 33 </div> | |
| 34 </div> | |
| 35 | |
| 36 <div class="test"> | |
| 37 <div class="spacer" id="spacer2"></div> | |
| 38 <div class="outer"> | |
| 39 <div> | |
| 40 <div style="float: right; margin-right: -2px;"> | |
| 41 <span style="margin-right: -8px;">x</span> | |
| 42 </div> | |
| 43 </div> | |
| 44 </div> | |
| 45 </div> | |
| 46 | |
| 47 <div class="test"> | |
| 48 <div class="spacer" id="spacer3"></div> | |
| 49 <div class="outer"> | |
| 50 <div> | |
| 51 <div style="float: right; margin-right: -8px;"> | |
| 52 <span style="margin-right: -2px;">x</span> | |
| 53 </div> | |
| 54 </div> | |
| 55 </div> | |
| 56 </div> | |
| 57 | |
| 58 <div class="test"> | |
| 59 <div class="spacer" id="spacer4"></div> | |
| 60 <div class="outer"> | |
| 61 <div> | |
| 62 <div style="float: right;"> | |
| 63 <span style="margin-right: -8px;">x</span> | |
| 64 </div> | |
| 65 </div> | |
| 66 </div> | |
| 67 </div> | |
| 68 | |
| 69 <div class="test"> | |
| 70 <div class="spacer" id="spacer5"></div> | |
| 71 <div class="outer"> | |
| 72 <div> | |
| 73 <div style="float: right; margin-right: -8px;"> | |
| 74 <span>x</span> | |
| 75 </div> | |
| 76 </div> | |
| 77 </div> | |
| 78 </div> | |
| 79 | |
| 80 <div class="test"> | |
| 81 <div class="spacer" id="spacer6"></div> | |
| 82 <div class="outer box" style="-webkit-box-orient: vertical;"> | |
| 83 <div> | |
| 84 <div style="float: right; margin-right: -8px;"> | |
| 85 <span>x</span> | |
| 86 </div> | |
| 87 </div> | |
| 88 </div> | |
| 89 </div> | |
| 90 | |
| 91 <div class="test"> | |
| 92 <div class="spacer" id="spacer12"></div> | |
| 93 <div class="outer box" style="-webkit-box-orient: horizontal;"> | |
| 94 <div> | |
| 95 <div style="float: right; margin-right: -8px;"> | |
| 96 <span>x</span> | |
| 97 </div> | |
| 98 </div> | |
| 99 </div> | |
| 100 </div> | |
| 101 | |
| 102 <div class="test"> | |
| 103 <div class="spacer" id="spacer7"></div> | |
| 104 <table class="outer"> | |
| 105 <tr> | |
| 106 <td style="height: 10px; background-color: pink; width: 100%;"> | |
| 107 <div style="width: 40px; height: 10px; background-color: lig
htblue; float: right;"> | |
| 108 <span style="margin-right: -4px;">x</span> | |
| 109 </div> | |
| 110 </td> | |
| 111 </tr> | |
| 112 </table> | |
| 113 </div> | |
| 114 | |
| 115 <div class="test"> | |
| 116 <div class="spacer" id="spacer8"></div> | |
| 117 <table class="outer"> | |
| 118 <tr> | |
| 119 <td style="height: 10px; background-color: pink; width: 100%;"> | |
| 120 <div style="width: 40px; height: 10px; background-color: lig
htblue; float: right;"> | |
| 121 <span style="margin-right: -12px;">x</span> | |
| 122 </div> | |
| 123 </td> | |
| 124 </tr> | |
| 125 </table> | |
| 126 </div> | |
| 127 | |
| 128 <div class="test" style="height: 50px;"> | |
| 129 <div class="spacer" id="spacer14"></div> | |
| 130 <table class="outer" style="display: inline-table;"> | |
| 131 <tr> | |
| 132 <td style="height: 10px; background-color: pink; width: 100%;"> | |
| 133 <div style="width: 40px; height: 10px; background-color: lig
htblue; float: right;"> | |
| 134 <span style="margin-right: -12px;">x</span> | |
| 135 </div> | |
| 136 </td> | |
| 137 </tr> | |
| 138 </table> | |
| 139 </div> | |
| 140 | |
| 141 <div class="test"> | |
| 142 <div class="spacer" id="spacer9"></div> | |
| 143 <div class="outer"> | |
| 144 <div> | |
| 145 <div style="opacity: 0.75; float: right; margin-right: -8px;"> | |
| 146 <span>x</span> | |
| 147 </div> | |
| 148 </div> | |
| 149 </div> | |
| 150 </div> | |
| 151 | |
| 152 <div class="test"> | |
| 153 <div class="spacer" id="spacer10"></div> | |
| 154 <div class="outer"> | |
| 155 <div style="opacity: 0.75;"> | |
| 156 <div style="float: right; margin-right: -8px;"> | |
| 157 <span>x</span> | |
| 158 </div> | |
| 159 </div> | |
| 160 </div> | |
| 161 </div> | |
| 162 | |
| 163 <div class="test"> | |
| 164 <div class="spacer" id="spacer11"></div> | |
| 165 <div class="outer" style="opacity: 0.75"> | |
| 166 <div> | |
| 167 <div style="float: right; margin-right: -8px;"> | |
| 168 <span>x</span> | |
| 169 </div> | |
| 170 </div> | |
| 171 </div> | |
| 172 </div> | |
| 173 <div class="test" style="height: 48px"> | |
| 174 <div class="spacer" id="spacer13"></div> | |
| 175 <div class="outer"> | |
| 176 <div style="display: inline-block; height: 20px;"> | |
| 177 <div style="float: right; margin-right: -8px;"> | |
| 178 <span>x</span> | |
| 179 </div> | |
| 180 </div> | |
| 181 </div> | |
| 182 </div> | |
| 183 </body> | |
| 184 </html> | |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2321183002:
Move repaint tests (except for svg/) to paint/invalidation (Closed)
