| OLD | NEW |
|---|
| (Empty) |
| 1 <!DOCTYPE html> | |
| 2 <html> | |
| 3 <head> | |
| 4 <script src="resources/text-based-repaint.js"></script> | |
| 5 <style> | |
| 6 #menu { | |
| 7 float: left; | |
| 8 position: relative; | |
| 9 } | |
| 10 | |
| 11 #watches { | |
| 12 float: left; | |
| 13 transform: scale(1,1); | |
| 14 } | |
| 15 | |
| 16 #placeholder { | |
| 17 position: relative; | |
| 18 backface-visibility: hidden; | |
| 19 } | |
| 20 | |
| 21 #submenu { | |
| 22 position: absolute; | |
| 23 top: -200px; | |
| 24 background: red; | |
| 25 } | |
| 26 </style> | |
| 27 | |
| 28 </head> | |
| 29 <body> | |
| 30 <div>This test has passed if there is no red rectangle below.</div> | |
| 31 <ul> | |
| 32 <li id="watches"><span id="placeholder"></span></li> | |
| 33 <li id="menu"> | |
| 34 <ul id="submenu"> | |
| 35 <li></li> | |
| 36 </ul> | |
| 37 </li> | |
| 38 </ul> | |
| 39 | |
| 40 <script> | |
| 41 if (window.testRunner) | |
| 42 testRunner.waitUntilDone(); | |
| 43 window.testIsAsync = true; | |
| 44 | |
| 45 var submenu = document.getElementById("submenu"); | |
| 46 function repaintTest() | |
| 47 { | |
| 48 submenu.style.top = "-200px"; | |
| 49 finishRepaintTest(); | |
| 50 } | |
| 51 | |
| 52 window.requestAnimationFrame(function() { | |
| 53 submenu.style.top = "50px"; | |
| 54 window.requestAnimationFrame(function() { | |
| 55 runRepaintTest(); | |
| 56 }); | |
| 57 }); | |
| 58 </script> | |
| 59 | |
| 60 </body> | |
| 61 </html> | |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2321183002:
Move repaint tests (except for svg/) to paint/invalidation (Closed)
