| <!DOCTYPE html> |
| <script src="../resources/runner.js"></script> |
| <div id="container" style="background-color:lime;" contenteditable></div> |
| <script> |
| var div = document.querySelector('div'); |
| div.focus(); |
| |
| PerfTestRunner.measureRunsPerSecond({ |
| description: "Measures performance of adding new lines to an editable div using document.execCommand, then clearing it.", |
| run: function() { |
| for (var i = 0; i < 500; ++i) |
| document.execCommand('InsertLineBreak'); |
| for (var i = 0; i < 500; ++i) |
| document.execCommand('Delete'); |
| |
| for (var i = 0; i < 500; ++i) |
| document.execCommand('InsertLineBreak'); |
| // Move cursor to the beginning of div. |
| var range = document.createRange(); |
| range.selectNodeContents(div); |
| range.collapse(true); |
| getSelection().removeAllRanges(); |
| getSelection().addRange(range); |
| for (var i = 0; i < 500; ++i) |
| document.execCommand('ForwardDelete'); |
| } |
| }); |
| </script> |
