OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <style> | |
5 .test { | |
6 height: 100px; | |
7 width: 100px; | |
8 background-color: navy; | |
9 } | |
10 | |
11 .shifted { | |
12 transform: translateX(100px); | |
13 } | |
14 </style> | |
15 <script src="../resources/runner.js"></script> | |
16 </head> | |
17 <body> | |
18 <div class="test"></div> | |
19 <div class="test shifted"></div> | |
20 <div class="test"></div> | |
21 <div class="test shifted"></div> | |
22 <div class="test"></div> | |
23 <div class="test shifted"></div> | |
24 <div class="test"></div> | |
25 <div class="test shifted"></div> | |
26 <div class="test"></div> | |
27 <div class="test shifted"></div> | |
28 <script> | |
29 if (!window.internals) { | |
30 alert("This test has to be run under DumpRenderTree"); | |
31 } else { | |
32 var elements = document.getElementsByClassName("test"); | |
33 internals.forceCompositingUpdate(document); | |
34 | |
35 PerfTestRunner.measureRunsPerSecond({run: function() { | |
36 for (var i = 0; i < elements.length; ++i) | |
37 elements[i].classList.toggle("translated"); | |
38 | |
39 internals.forceCompositingUpdate(document); | |
40 }}); | |
41 } | |
42 </script> | |
43 </body> | |
44 </html> | |
OLD | NEW |