Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- Manifest: dom/html/test/mochitest.toml
<!DOCTYPE HTML>
<html>
<!--
-->
<head>
<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">
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>