summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/touch-events/multi-touch-interactions.html
blob: a10416bdfd458cc7008ffc401153be08c7e068d0 (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
<!DOCTYPE HTML>
<html>
<!--
    Test cases for Touch Events v1 Recommendation
    http://www.w3.org/TR/touch-events/

    These tests are based on Mozilla-Nokia-Google's single-touch
    tests and to some extent Olli Pettay's multi-touch tests.

    The primary purpose of the tests in this document is checking that the interactions
    of various Touch events are correctly implemented under any touch patterns.

    This document references Test Assertions (abbrev TA below) written by Cathy Chan
    http://www.w3.org/2010/webevents/wiki/TestAssertions
-->

<head>
<title>Touch Events Multi-Touch Interaction Test</title>
<meta name="viewport" content="width=device-width">
<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 src="multi-touch-interactions.js"></script>
<style>
    div {
        margin: 0em;
        padding: 1.5em;
    }
    #target0 {
        background: yellow;
        border: 1px solid orange;
    }
    #target1 {
        background: lightblue;
        border: 1px solid blue;
    }
</style>
</head>
<body onload="run()">
    <h1>Touch Events: Multi-Touch Interaction Test</h1>
    <div id="target0">
        Touch this box with one finger, then another one...
    </div>
    <div id="target1">
        ...then drag to this box, then touch with a third finger, and lift all your fingers.
    </div>
    <div id="debug"></div>
    <div id="log"></div>
</body>
</html>