| <!DOCTYPE html> |
| <body> |
| <script src="../resources/runner.js"></script> |
| <script src="resources/line-layout-perf-test.js"></script> |
| <style> |
| #container { |
| width: 120ch; |
| white-space: pre-wrap; |
| overflow-wrap: break-word; |
| } |
| </style> |
| <pre id="container">A</pre> |
| <script> |
| const kNumberOfWords = 10; |
| const kSampleText = (() => { |
| const words = []; |
| for (let i = 1; i <= kNumberOfWords; ++i) { |
| words.push(TextGenerator.createWord(i % 12 + 3)); |
| } |
| return words.join(' '); |
| })().repeat(1); |
| |
| const kCount = 10; |
| |
| const container = document.getElementById('container'); |
| const editable = container.firstChild; |
| |
| PerfTestRunner.measureRunsPerSecond({ |
| run: function() { |
| for (let i = 0; i < kCount; ++i) { |
| editable.nodeValue = kSampleText; |
| PerfTestRunner.forceLayout(); |
| editable.appendData('XYZ'); |
| PerfTestRunner.forceLayout(); |
| } |
| }, |
| }); |
| </script> |