third_party/WebKit/LayoutTests/fast/events/pointerevents/mouse-pointer-preventdefault.html - Issue 1391393002: Fire pointerup/down events for corresponding mouse events.

Side by Side Diff: third_party/WebKit/LayoutTests/fast/events/pointerevents/mouse-pointer-preventdefault.html

Issue 1391393002: Fire pointerup/down events for corresponding mouse events. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Created 5 years, 2 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch

« third_party/WebKit/LayoutTests/fast/events/pointerevents/mouse-pointer-event-properties.html ('K') | « third_party/WebKit/LayoutTests/fast/events/pointerevents/mouse-pointer-event-properties-expected.txt ('k') | third_party/WebKit/LayoutTests/fast/events/pointerevents/mouse-pointer-preventdefault-expected.txt » ('j') | third_party/WebKit/LayoutTests/fast/events/pointerevents/mouse-pointer-updown-events.html » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
(Empty)
	1 <!DOCTYPE HTML>

	2 <script src="../../../resources/js-test.js"></script>

	3 <style>

	4 div {

	5 margin: 10px;

	6 padding: 50px;

	7 float: left;

	8 }

	9 #console {

	10 padding: 0px;

	11 float: none;

	12 }

	13 </style>

	14

	15 <div id="target" style="background-color:green;">

	16 </div>

	17

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

	19

	20 <script>

	21 description("Verifies the effect of pointer event prevent-default on following p ointer & mouse events.");

	22

	23 // TODO(mustaq): Grow the lists as we add support for more PEs.

	24 var mouseEventList = ["mousedown", "mouseup", "mouseenter", "mouseleave", "mouse over", "mouseout"];

	25 var pointerEventList = ["pointerdown", "pointerup", "pointerenter", "pointerleav e", "pointerover", "pointerout"];

	26

	27 var preventDefaultList = ["none"].concat(pointerEventList);

	28 var eventToPreventDefault = "";

	29 var seqNo = 0;

	30

	31 function init() {

	32 var targetDiv = document.getElementById("target");

	33

	34 mouseEventList.forEach(function(eventName) {

	35 targetDiv.addEventListener(eventName, function(event) {

	36 debug(++seqNo + ". target received " + event.type);

	37 });

	38 });

	39

	40 pointerEventList.forEach(function(eventName) {

	41 targetDiv.addEventListener(eventName, function(event) {

	42 var preventDefaultMsg = "";

	43 if (event.type == eventToPreventDefault) {

	44 event.preventDefault();

	45 preventDefaultMsg = ", prevented default";

	46 }

	47

	48 debug(++seqNo + ". target received " + event.type + preventDefaultMsg);

	49 });

	50 });

	51 }

	52

	53 function runTests() {

	54 var rect = document.getElementById("target").getBoundingClientRect();

	55 var x1 = rect.left - 3;

	56 var y1 = rect.top - 5;

	57 var x2 = rect.left + 3;

	58 var y2 = rect.top + 5;

	59

	60 preventDefaultList.forEach(function(preventDefaultEvent) {

	61 seqNo = 0;

	62

	63 debug("--- test with preventDefault on " + preventDefaultEvent + " ---");

	64 eventToPreventDefault = preventDefaultEvent;

	65

	66 debug("- start with mouse outside target -");

	67 eventSender.mouseMoveTo(x1, y1);

	68

	69 debug("- move into target & click -");

	70 eventSender.mouseMoveTo(x2, y2);

	71 eventSender.mouseDown();

	72 eventSender.mouseUp();

	73

	74 debug("- drag & release within target -");

	75 eventSender.mouseDown();

	76 eventSender.mouseMoveTo(x2+5, y2+5);

	77 eventSender.mouseUp();

	78

	79 // TODO(mustaq): Add drag across target border after fixing crbug.com/356090 .

	80

	81 debug("- move outside target again -");

	82 eventSender.mouseMoveTo(x1, y1);

	83

	84 debug("");

	85 });

	86 }

	87

	88 init();

	89 if (window.eventSender)

	90 runTests();

	91 else

	92 debug("This test requires eventSender");

	93

	94 </script>

OLD	NEW