<!DOCTYPE html>
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../../resources/gesture-util.js"></script>
<div>This is a div containing text. Wheel events originating on the text
node should target the div.</div>
<script>
  var div = document.querySelector('div');
  div.addEventListener('mousewheel', wheelHandler);
  var x = div.offsetLeft + 5;
  var y = div.offsetTop + 5;
  var target = 'noTarget';
  promise_test( async () => {
    await mouseMoveTo(x, y);
    await smoothScroll(120, x, y, GestureSourceType.MOUSE_INPUT, 'down', SPEED_INSTANT);
    await waitFor( () => { return target == 'DIV'; });
  });

  function wheelHandler(e) {
    target = e.target.nodeName;
  }
</script>