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
|
<!DOCTYPE HTML>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=646157
-->
<head>
<title>Test for Bug 646157</title>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<script type="application/javascript" src="reflect.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=646157">Mozilla Bug 646157</a>
<p id="display"></p>
<div id="content">
<label id="l1"/><input id="c1" type='checkbox'>
<label id="l2"/><input id="c2" type='checkbox'>
<label id="l3"/><input id="c3" type='checkbox'>
<label id="l4"/><input id="c4" type='checkbox'>
<label id="l5"/><input id="c5" type='checkbox'>
<label id="l6"/><input id="c6" type='checkbox'>
<label id="l7"/><input id="c7" type='checkbox'>
<label id="l8"/><input id="c8" type='checkbox'>
<label id="l9"/><input id="c9" type='checkbox'>
<label id="l10"/><input id="c10" type='checkbox'>
</div>
<pre id="test">
<script type="application/javascript">
/** Test for Bug 646157 **/
var expectedClicks = {
// [ Direct clicks, bubbled clicks, synthetic clicks]
l1: [0, 2, 1],
l2: [0, 2, 1],
l3: [0, 2, 1],
l4: [0, 2, 1],
l5: [0, 2, 1],
l6: [0, 2, 1],
l7: [0, 2, 1],
l8: [0, 2, 1],
l9: [0, 2, 1],
l10:[1, 2, 1],
c1: [0, 0, 0],
c2: [0, 0, 0],
c3: [0, 0, 0],
c4: [0, 0, 0],
c5: [0, 0, 0],
c6: [0, 0, 0],
c7: [0, 0, 0],
c8: [0, 0, 0],
c9: [0, 0, 0],
c10:[1, 1, 1]
};
function clickhandler(e) {
if (!e.currentTarget.clickCount)
e.currentTarget.clickCount = 1;
else
e.currentTarget.clickCount++;
if (e.currentTarget === e.target)
e.currentTarget.directClickCount = 1;
if (e.target != document.getElementById("l10")) {
if (!e.currentTarget.synthClickCount)
e.currentTarget.synthClickCount = 1;
else
e.currentTarget.synthClickCount++;
}
}
for (var i = 1; i <= 10; i++) {
document.getElementById("l" + i).addEventListener('click', clickhandler);
document.getElementById("c" + i).addEventListener('click', clickhandler);
}
document.getElementById("l10").click();
function check(thing) {
var expected = expectedClicks[thing.id];
is(thing.directClickCount || 0, expected[0], "Wrong number of direct clicks");
is(thing.clickCount || 0, expected[1], "Wrong number of clicks");
is(thing.synthClickCount || 0, expected[2], "Wrong number of synthetic clicks");
}
// Compare them all
for (var i = 1; i <= 10; i++) {
check(document.getElementById("l" + i));
check(document.getElementById("c" + i));
}
</script>
</pre>
</body>
</html>
|
