Commit c7ee6ae5 authored by Liviu Tinta's avatar Liviu Tinta Committed by Commit Bot

Reland "Move mouse-pointer-preventdefault.html to wpt"

This is a reland of fc4093a6

My assumption is that the test failed on the bots because the code tried
to serialize async_tests. I rewrote this wpt using promise_test instead.

Original change's description:
> Move mouse-pointer-preventdefault.html to wpt
>
> Move mouse pointerevents compat events to wpt
>
> Change-Id: I9581dde4d6016a3eb81ea16674c439e63897523c
> Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2199985
> Commit-Queue: Liviu Tinta <liviutinta@chromium.org>
> Reviewed-by: Navid Zolghadr <nzolghadr@chromium.org>
> Cr-Commit-Position: refs/heads/master@{#771159}

Change-Id: I3ec09bd5d180ae0c52c7a02bb3f3191cacf9b0d7
Bug: 1085549,1085647
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2330316Reviewed-by: default avatarLan Wei <lanwei@chromium.org>
Commit-Queue: Liviu Tinta <liviutinta@chromium.org>
Cr-Commit-Position: refs/heads/master@{#795313}
parent 5911e1e7
Verifies the effect of pointer event prevent-default on following pointer & mouse events.
On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
--- test with preventDefault on none ---
- start with mouse outside target -
- move into target & click -
1. target received pointerover
2. target received pointerenter
3. target received mouseover
4. target received mouseenter
5. target received pointermove
6. target received mousemove
7. target received pointerdown
8. target received mousedown
9. target received pointerup
10. target received mouseup
- drag out of and into target & release within target -
11. target received pointerdown
12. target received mousedown
13. target received pointermove
14. target received mousemove
15. target received pointerout
16. target received pointerleave
17. target received mouseout
18. target received mouseleave
19. target received pointerover
20. target received pointerenter
21. target received mouseover
22. target received mouseenter
23. target received pointermove
24. target received mousemove
25. target received pointerup
26. target received mouseup
- move outside target again -
27. target received pointerout
28. target received pointerleave
29. target received mouseout
30. target received mouseleave
--- test with preventDefault on pointerdown ---
- start with mouse outside target -
- move into target & click -
1. target received pointerover
2. target received pointerenter
3. target received mouseover
4. target received mouseenter
5. target received pointermove
6. target received mousemove
7. target received pointerdown, prevented default
8. target received pointerup
- drag out of and into target & release within target -
9. target received pointerdown, prevented default
10. target received pointermove
11. target received pointerout
12. target received pointerleave
13. target received mouseout
14. target received mouseleave
15. target received pointerover
16. target received pointerenter
17. target received mouseover
18. target received mouseenter
19. target received pointermove
20. target received pointerup
- move outside target again -
21. target received pointerout
22. target received pointerleave
23. target received mouseout
24. target received mouseleave
--- test with preventDefault on pointerup ---
- start with mouse outside target -
- move into target & click -
1. target received pointerover
2. target received pointerenter
3. target received mouseover
4. target received mouseenter
5. target received pointermove
6. target received mousemove
7. target received pointerdown
8. target received mousedown
9. target received pointerup, prevented default
10. target received mouseup
- drag out of and into target & release within target -
11. target received pointerdown
12. target received mousedown
13. target received pointermove
14. target received mousemove
15. target received pointerout
16. target received pointerleave
17. target received mouseout
18. target received mouseleave
19. target received pointerover
20. target received pointerenter
21. target received mouseover
22. target received mouseenter
23. target received pointermove
24. target received mousemove
25. target received pointerup, prevented default
26. target received mouseup
- move outside target again -
27. target received pointerout
28. target received pointerleave
29. target received mouseout
30. target received mouseleave
--- test with preventDefault on pointerenter ---
- start with mouse outside target -
- move into target & click -
1. target received pointerover
2. target received pointerenter, prevented default
3. target received mouseover
4. target received mouseenter
5. target received pointermove
6. target received mousemove
7. target received pointerdown
8. target received mousedown
9. target received pointerup
10. target received mouseup
- drag out of and into target & release within target -
11. target received pointerdown
12. target received mousedown
13. target received pointermove
14. target received mousemove
15. target received pointerout
16. target received pointerleave
17. target received mouseout
18. target received mouseleave
19. target received pointerover
20. target received pointerenter, prevented default
21. target received mouseover
22. target received mouseenter
23. target received pointermove
24. target received mousemove
25. target received pointerup
26. target received mouseup
- move outside target again -
27. target received pointerout
28. target received pointerleave
29. target received mouseout
30. target received mouseleave
--- test with preventDefault on pointerleave ---
- start with mouse outside target -
- move into target & click -
1. target received pointerover
2. target received pointerenter
3. target received mouseover
4. target received mouseenter
5. target received pointermove
6. target received mousemove
7. target received pointerdown
8. target received mousedown
9. target received pointerup
10. target received mouseup
- drag out of and into target & release within target -
11. target received pointerdown
12. target received mousedown
13. target received pointermove
14. target received mousemove
15. target received pointerout
16. target received pointerleave, prevented default
17. target received mouseout
18. target received mouseleave
19. target received pointerover
20. target received pointerenter
21. target received mouseover
22. target received mouseenter
23. target received pointermove
24. target received mousemove
25. target received pointerup
26. target received mouseup
- move outside target again -
27. target received pointerout
28. target received pointerleave, prevented default
29. target received mouseout
30. target received mouseleave
--- test with preventDefault on pointerover ---
- start with mouse outside target -
- move into target & click -
1. target received pointerover, prevented default
2. target received pointerenter
3. target received mouseover
4. target received mouseenter
5. target received pointermove
6. target received mousemove
7. target received pointerdown
8. target received mousedown
9. target received pointerup
10. target received mouseup
- drag out of and into target & release within target -
11. target received pointerdown
12. target received mousedown
13. target received pointermove
14. target received mousemove
15. target received pointerout
16. target received pointerleave
17. target received mouseout
18. target received mouseleave
19. target received pointerover, prevented default
20. target received pointerenter
21. target received mouseover
22. target received mouseenter
23. target received pointermove
24. target received mousemove
25. target received pointerup
26. target received mouseup
- move outside target again -
27. target received pointerout
28. target received pointerleave
29. target received mouseout
30. target received mouseleave
--- test with preventDefault on pointerout ---
- start with mouse outside target -
- move into target & click -
1. target received pointerover
2. target received pointerenter
3. target received mouseover
4. target received mouseenter
5. target received pointermove
6. target received mousemove
7. target received pointerdown
8. target received mousedown
9. target received pointerup
10. target received mouseup
- drag out of and into target & release within target -
11. target received pointerdown
12. target received mousedown
13. target received pointermove
14. target received mousemove
15. target received pointerout, prevented default
16. target received pointerleave
17. target received mouseout
18. target received mouseleave
19. target received pointerover
20. target received pointerenter
21. target received mouseover
22. target received mouseenter
23. target received pointermove
24. target received mousemove
25. target received pointerup
26. target received mouseup
- move outside target again -
27. target received pointerout, prevented default
28. target received pointerleave
29. target received mouseout
30. target received mouseleave
--- test with preventDefault on pointermove ---
- start with mouse outside target -
- move into target & click -
1. target received pointerover
2. target received pointerenter
3. target received mouseover
4. target received mouseenter
5. target received pointermove, prevented default
6. target received mousemove
7. target received pointerdown
8. target received mousedown
9. target received pointerup
10. target received mouseup
- drag out of and into target & release within target -
11. target received pointerdown
12. target received mousedown
13. target received pointermove, prevented default
14. target received mousemove
15. target received pointerout
16. target received pointerleave
17. target received mouseout
18. target received mouseleave
19. target received pointerover
20. target received pointerenter
21. target received mouseover
22. target received mouseenter
23. target received pointermove, prevented default
24. target received mousemove
25. target received pointerup
26. target received mouseup
- move outside target again -
27. target received pointerout
28. target received pointerleave
29. target received mouseout
30. target received mouseleave
PASS successfullyParsed is true
TEST COMPLETE
<!DOCTYPE HTML>
<script src="../../../resources/js-test.js"></script>
<style>
div.box {
margin: 10px;
padding: 50px;
float: left;
}
</style>
<div id="target" class="box" style="background-color:green;">
</div>
<div id="console"></div>
<script>
description("Verifies the effect of pointer event prevent-default on following pointer & mouse events.");
var mouseEventList = ["mousedown", "mouseup", "mouseenter", "mouseleave", "mouseover", "mouseout", "mousemove"];
var pointerEventList = ["pointerdown", "pointerup", "pointerenter", "pointerleave", "pointerover", "pointerout", "pointermove"];
var preventDefaultList = ["none"].concat(pointerEventList);
var eventToPreventDefault = "";
var seqNo = 0;
function init() {
var targetDiv = document.getElementById("target");
mouseEventList.forEach(function(eventName) {
targetDiv.addEventListener(eventName, function(event) {
debug(++seqNo + ". target received " + event.type);
});
});
pointerEventList.forEach(function(eventName) {
targetDiv.addEventListener(eventName, function(event) {
var preventDefaultMsg = "";
if (event.type == eventToPreventDefault) {
event.preventDefault();
preventDefaultMsg = ", prevented default";
}
debug(++seqNo + ". target received " + event.type + preventDefaultMsg);
});
});
}
function runTests() {
var rect = document.getElementById("target").getBoundingClientRect();
var x1 = rect.left - 3;
var y1 = rect.top - 5;
var x2 = rect.left + 3;
var y2 = rect.top + 5;
preventDefaultList.forEach(function(preventDefaultEvent) {
seqNo = 0;
debug("--- test with preventDefault on " + preventDefaultEvent + " ---");
eventToPreventDefault = preventDefaultEvent;
debug("- start with mouse outside target -");
eventSender.mouseMoveTo(x1, y1);
debug("- move into target & click -");
eventSender.mouseMoveTo(x2, y2);
eventSender.mouseDown();
eventSender.mouseUp();
debug("- drag out of and into target & release within target -");
eventSender.mouseDown();
eventSender.mouseMoveTo(x2+5, y2+5);
eventSender.mouseMoveTo(x1, y1);
eventSender.mouseMoveTo(x2, y2);
eventSender.mouseUp();
debug("- move outside target again -");
eventSender.mouseMoveTo(x1, y1);
debug("");
});
}
init();
if (window.eventSender)
runTests();
else
debug("This test requires eventSender");
</script>
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment