<!DOCTYPE HTML>
<script src="../../resources/js-test.js"></script>

<style>
textarea {
  width: 100px;
  height: 100px;
  margin: 10px;
}
</style>

<textarea id="target"></textarea>

<div id="console"></div>

<script>
description("Verifies that correct mouse events are fired and when resizing an element");

var testEventList = ['focus', 'mousedown', 'mouseup', 'click'];
var preventDefaultList = ['mousedown', ''];
var eventToPreventDefault = '';

function init() {
  var targetDiv = document.getElementById("target");

  testEventList.forEach(function(eventName) {
    targetDiv.addEventListener(eventName, function(event) {
      if (event.type == eventToPreventDefault) {
        event.preventDefault();
      }
      debug("Received " + event.type);
    });
  });
}

function runTests() {
  var rect = document.getElementById("target").getBoundingClientRect();
  var x = rect.right - 5;
  var y = rect.bottom - 5;


  preventDefaultList.forEach(function(eventName) {
    eventToPreventDefault = eventName;

    debug("--- test with preventDefault on '" + eventName + "' ---");
    debug("--- move mouse into target ---");
    eventSender.mouseMoveTo(x, y);
    debug("--- start resizing ---");
    eventSender.mouseDown();
    eventSender.mouseMoveTo(x + 30, y + 30);
    debug("--- mouse released ---");
    eventSender.mouseUp();
    debug("");
  });
}

init();
if (window.eventSender)
  runTests();
else
  debug("This test requires eventSender");

</script>