tools/perf/page_sets/endure/browser_control_click.html

   1 <!--
   2   This file is used as a control test to compare with the other Chrome Endure
   3   tests in perf_endure.py.
   4
   5   This file provides the ability to attach/detach a large DOM tree (also
   6   containing event listeners) in the live document.  It is meant to be the same
   7   as endurance_control.html, except it provides buttons that can be clicked to
   8   cause the DOM tree to be attached/detached.  This allows a control scenario
   9   to be driven by WebDriver, rather than being driven by the Javascript itself.
  10 -->
  11
  12 <html>
  13   <head>
  14     <script type='text/javascript'>
  15
  16     function attach_dom_tree() {
  17       var last_node = document.createElement('div');
  18       last_node.id = 'root_node';
  19       var root_node = last_node;
  20       for (i = 0; i < 1000; ++i) {
  21         var node = document.createElement('div');
  22         node.innerHTML = 'Node ' + i;
  23         node.addEventListener('mousemove', mouse_move_callback, true);
  24         last_node.appendChild(node);
  25         last_node = node;
  26       }
  27       document.body.appendChild(root_node);
  28     }
  29
  30     function detach_dom_tree() {
  31       var root_node = document.getElementById('root_node');
  32       document.body.removeChild(root_node);
  33     }
  34
  35     function mouse_move_callback(event) {
  36       // Stub.
  37     }
  38     </script>
  39     <title>Chrome Endure Control Test with WebDriver</title>
  40   </head>
  41   <body>
  42     <input type="button" id="attach" value="attach"
  43            onclick="attach_dom_tree();" />
  44     <input type="button" id="detach" value="detach"
  45            onclick="detach_dom_tree();" />
  46   </body>
  47 </html>