LayoutTests/fast/forms/script-tests/search-cancel-button-events.js

   1 description('Test for event dipatching by search cancel button.');
   2
   3 var parent = document.createElement('div');
   4 document.body.appendChild(parent);
   5 parent.innerHTML = '<input type=search id=search value=foo><input id=another>';
   6 var search = document.getElementById('search');
   7 var anotherInput = document.getElementById('another');
   8 var inputEventCounter = 0;
   9 var changeEventCounter = 0;
  10
  11 search.onchange = function() { changeEventCounter++; };
  12 search.oninput = function() { inputEventCounter++; };
  13
  14 if (window.eventSender) {
  15     debug('Initial state');
  16     shouldBe('changeEventCounter', '0');
  17     shouldBe('inputEventCounter', '0');
  18
  19     debug('Click the cancel button');
  20     eventSender.mouseMoveTo(search.offsetLeft + search.offsetWidth - 8, search.offsetTop + search.offsetHeight / 2);
  21     eventSender.mouseDown();
  22     eventSender.mouseUp();
  23     shouldBe('search.value', '""');
  24     shouldBe('changeEventCounter', '0');
  25     shouldBe('inputEventCounter', '1');
  26
  27     debug('Focus on another field');
  28     anotherInput.focus();
  29     shouldBe('changeEventCounter', '1');
  30     shouldBe('inputEventCounter', '1');
  31
  32     parent.innerHTML = '';
  33 } else {
  34   document.getElementById('console').innerHTML = 'No eventSender';
  35 }