<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
.parent, .child {
    -moz-user-select: none;
    -webkit-user-select: none;
}
.child {
    visibility: hidden;
}
</style>
<script src="../../resources/js-test-pre.js"></script>
</head>
<body>
<p> Mouse double/triple click on an element with "webkit-user-select none" should not select the next node</p>
<div>
<div class='parent'>
  <div id="second" class='child'>1</div>
  <div class='child'>2</div>
  <div class='child'>3</div>
  <div class='child'>4</div>
</div>
Foo
</div>
<div id="console"></div>
<script>
function doubleClick() {
    eventSender.mouseDown();
    eventSender.mouseUp();
    eventSender.mouseDown();
    eventSender.mouseUp();
}

function tripleClick() {
    eventSender.mouseDown();
    eventSender.mouseUp();
    eventSender.mouseDown();
    eventSender.mouseUp();
    eventSender.mouseDown();
    eventSender.mouseUp();
}

if (window.eventSender) {
    var div = document.getElementById("second");
    var x = div.offsetLeft + 5;
    var y = div.offsetTop + 5;
    eventSender.mouseMoveTo(x, y);

    shouldNotBe("doubleClick(); document.getSelection()",'"Foo"');

    shouldBe('document.getSelection().removeAllRanges(); document.getSelection().toString().indexOf("Foo")','-1');

    shouldBe('tripleClick(); document.getSelection().toString().indexOf("Foo")', '-1');
} else {
    debug("To test manually, double/triple click on 1/2/3/4 and it should not select Foo");
}
successfullyParsed = true;
</script>
<script src="../../resources/js-test-post.js"></script>
</body>
</html>