summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/uievents/mouse/mouse_buttons_back_forward.html
blob: 2323bc10269a7238fbe655aa1341d9dde210e3a6 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Mouse Button Back/Forward</title>
        <link rel="author" title="Google" href="http://www.google.com/" />
        <script src="/resources/testharness.js"></script>
        <script src="/resources/testharnessreport.js"></script>
        <script src="/resources/testdriver.js"></script>
        <script src="/resources/testdriver-actions.js"></script>
        <script src="/resources/testdriver-vendor.js"></script>
        <script>
            var testMouseUp = async_test('Tests that the mouseup is preventable.');
            var received_back = false;
            var received_forward = false;
            const backButton = 3;
            const forwardButton = 4;
            var actions_promise;
            window.addEventListener('mouseup', function(e) {
              if (e.button == backButton) {
                received_back = true;
                e.preventDefault();
              } else if (e.button == forwardButton) {
                received_forward = true;
                e.preventDefault();
              }
              if (received_back && received_forward) {
                // Make sure the test finishes after all the input actions are completed.
                actions_promise.then( () => {
                  testMouseUp.done();
                });
              }
            });

            function inject_input() {
                // First click on back button and then forward button.
                var actions = new test_driver.Actions();
                actions_promise = actions.pointerMove(0, 0, {origin: target})
                    .pointerDown({button: actions.ButtonType.BACK})
                    .pointerUp({button: actions.ButtonType.BACK})
                    .pointerDown({button: actions.ButtonType.FORWARD})
                    .pointerUp({button: actions.ButtonType.FORWARD})
                    .send();
            }
        </script>

    </head>
    <body id="target" onload="inject_input()">
        <h4>Test Description: Tests that the mouseup event is prevented.
            <ol>
                <li>Click the back mouse button</li>
                <li>Click the back mouse forward</li>
            </ol>
        </h4>
    </body>
</html>