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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
|
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<!DOCTYPE html>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=648573
-->
<head>
<title>Test for Bug 648573</title>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
</head>
<body>
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=648573">Mozilla Bug 648573</a>
<p id="display"></p>
<div id="content" style="display: none">
</div>
<pre id="test">
<script type="application/javascript">
/** Test for Bug 648573 **/
SimpleTest.waitForExplicitFinish();
function runTest() {
var iframe = document.createElement("iframe");
document.body.appendChild(iframe);
var win = iframe.contentWindow;
var doc = iframe.contentDocument;
var utils = SpecialPowers.getDOMWindowUtils(win);
ok("createTouch" in doc, "Should have createTouch function");
ok("createTouchList" in doc, "Should have createTouchList function");
ok(doc.createEvent("touchevent"), "Should be able to create TouchEvent objects");
var t1 = doc.createTouch(win, doc, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11);
is(t1.target, doc, "Wrong target");
is(t1.identifier, 1, "Wrong identifier");
is(t1.pageX, 2, "Wrong pageX");
is(t1.pageY, 3, "Wrong pageY");
is(t1.screenX, 4, "Wrong screenX");
is(t1.screenY, 5, "Wrong screenY");
is(t1.clientX, 6, "Wrong clientX");
is(t1.clientY, 7, "Wrong clientY");
is(t1.radiusX, 8, "Wrong radiusX");
is(t1.radiusY, 9, "Wrong radiusY");
is(t1.rotationAngle, 10, "Wrong rotationAngle");
is(t1.force, 11, "Wrong force");
var t2 = doc.createTouch();
var l1 = doc.createTouchList(t1);
is(l1.length, 1, "Wrong length");
is(l1.item(0), t1, "Wront item (1)");
is(l1[0], t1, "Wront item (2)");
var l2 = doc.createTouchList([t1, t2]);
is(l2.length, 2, "Wrong length");
is(l2.item(0), t1, "Wront item (3)");
is(l2.item(1), t2, "Wront item (4)");
is(l2[0], t1, "Wront item (5)");
is(l2[1], t2, "Wront item (6)");
var l3 = doc.createTouchList();
var e = doc.createEvent("touchevent");
e.initTouchEvent("touchmove", true, true, win, 0, true, true, true, true,
l1, l2, l3);
is(e.touches, l1, "Wrong list (1)");
is(e.targetTouches, l2, "Wrong list (2)");
is(e.changedTouches, l3, "Wrong list (3)");
ok(e.altKey, "Alt should be true");
ok(e.metaKey, "Meta should be true");
ok(e.ctrlKey, "Ctrl should be true");
ok(e.shiftKey, "Shift should be true");
var events =
["touchstart",
"touchend",
"touchmove",
"touchcancel"];
function runEventTest(type) {
var event = doc.createEvent("touchevent");
event.initTouchEvent(type, true, true, win, 0, true, true, true, true,
l1, l2, l3);
var t = doc.createElement("div");
// Testing target.onFoo;
var didCall = false;
t["on" + type] = function (evt) {
is(evt, event, "Wrong event");
evt.target.didCall = true;
}
t.dispatchEvent(event);
ok(t.didCall, "Should have called the listener(1)");
// Testing <element onFoo="">
t = doc.createElement("div");
t.setAttribute("on" + type, "this.didCall = true;");
t.dispatchEvent(event);
ok(t.didCall, "Should have called the listener(2)");
}
for (var i = 0; i < events.length; ++i) {
runEventTest(events[i]);
}
SimpleTest.finish();
}
SpecialPowers.pushPrefEnv(
{"set": [["dom.w3c_touch_events.legacy_apis.enabled", true]]}, runTest);
</script>
</pre>
</body>
</html>
|
