third_party/WebKit/LayoutTests/fast/dom/HTMLDialogElement/synthetic-click-inert.html

   1 <!DOCTYPE html>
   2 <html>
   3 <style>
   4 dialog {
   5     /* Don't needlessly span the whole screen. */
   6     width: 50px;
   7 }
   8 </style>
   9 <body>
  10 <script src="../../../resources/js-test.js"></script>
  11 <button>Click me</button>
  12 <div id="div">Click me too</div>
  13 <dialog></dialog>
  14 <script>
  15 description('Test that inert nodes still get programmatic click events');
  16 dialog = document.querySelector('dialog');
  17 dialog.showModal();
  18
  19 button = document.querySelector('button');
  20 div = document.getElementById('div');
  21 clicked = null;
  22
  23 [button, div].forEach(function(element) {
  24     element.addEventListener('click', function(e) { clicked = element; });
  25     expectedElement = element;
  26
  27     clicked = null;
  28     debug('Calling click() on ' + element.tagName);
  29     element.click();
  30     shouldBe('clicked', 'expectedElement');
  31
  32     clicked = null;
  33     debug('Calling dispatchEvent() on ' + element.tagName);
  34     element.dispatchEvent(new Event('click'));
  35     shouldBe('clicked', 'expectedElement');
  36 });
  37 </script>
  38 </body>
  39 </html>