2008-08-27 05:07:27 -07:00
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>Tests for the draggable property on HTML elements</title>
|
2010-08-24 10:29:34 -07:00
|
|
|
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css">
|
2008-08-27 05:07:27 -07:00
|
|
|
<script type="application/javascript"
|
2010-08-24 10:29:34 -07:00
|
|
|
src="/MochiKit/packed.js"></script>
|
2008-08-27 05:07:27 -07:00
|
|
|
<script type="application/javascript"
|
2010-08-24 10:29:34 -07:00
|
|
|
src="/tests/SimpleTest/SimpleTest.js"></script>
|
2008-08-27 05:07:27 -07:00
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
<p id="display"></p>
|
|
|
|
|
<div id="content" style="display: none">
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<span id="elem1">One</span>
|
|
|
|
|
<span id="elem2" draggable="true">Two</span>
|
|
|
|
|
<span id="elem3" draggable="">Three</span>
|
|
|
|
|
<span id="elem4" draggable="false">Four</span>
|
|
|
|
|
<span id="elem5" draggable="other">Five</span>
|
|
|
|
|
|
|
|
|
|
<img id="img1" src="../happy.png">
|
|
|
|
|
<img id="img2" src="../happy.png" draggable="true">
|
|
|
|
|
<img id="img3" src="../happy.png" draggable="">
|
|
|
|
|
<img id="img4" src="../happy.png" draggable="false">
|
|
|
|
|
<img id="img5" src="../happy.png" draggable="other">
|
|
|
|
|
|
|
|
|
|
<a id="a1">One</a>
|
|
|
|
|
<a id="a2" draggable="true">Two</a>
|
|
|
|
|
<a id="a3" draggable="">Three</a>
|
|
|
|
|
<a id="a4" draggable="false">Four</a>
|
|
|
|
|
<a id="a5" draggable="other">Five</a>
|
|
|
|
|
|
|
|
|
|
<a id="ahref1" href="http://www.mozilla.org">One</a>
|
|
|
|
|
<a id="ahref2" href="http://www.mozilla.org" draggable="true">Two</a>
|
|
|
|
|
<a id="ahref3" href="http://www.mozilla.org" draggable="">Three</a>
|
|
|
|
|
<a id="ahref4" href="http://www.mozilla.org" draggable="false">Four</a>
|
|
|
|
|
<a id="ahref5" href="http://www.mozilla.org" draggable="other">Five</a>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
function check()
|
|
|
|
|
{
|
|
|
|
|
try {
|
|
|
|
|
checkElements(1, false, true, false, true);
|
|
|
|
|
checkElements(2, true, true, true, true);
|
|
|
|
|
checkElements(3, false, true, false, true);
|
|
|
|
|
checkElements(4, false, false, false, false);
|
|
|
|
|
checkElements(5, false, true, false, true);
|
|
|
|
|
}
|
|
|
|
|
catch (ex) {
|
|
|
|
|
is("script error", ex, "fail");
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function checkElements(idx, estate, istate, astate, ahrefstate)
|
|
|
|
|
{
|
|
|
|
|
checkElement("elem" + idx, estate, false);
|
|
|
|
|
checkElement("img" + idx, istate, true);
|
|
|
|
|
checkElement("a" + idx, astate, false);
|
|
|
|
|
checkElement("ahref" + idx, ahrefstate, true);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function checkElement(elemid, state, statedef)
|
|
|
|
|
{
|
|
|
|
|
var elem = document.getElementById(elemid);
|
|
|
|
|
|
|
|
|
|
is(elem.draggable, state, elemid + "-initial");
|
|
|
|
|
elem.draggable = true;
|
|
|
|
|
is(elem.draggable, true, elemid + "-true");
|
|
|
|
|
elem.draggable = false;
|
|
|
|
|
is(elem.draggable, false, elemid + "-false");
|
|
|
|
|
|
|
|
|
|
elem.setAttribute("draggable", "true");
|
|
|
|
|
is(elem.draggable, true, elemid + "-attr-true");
|
|
|
|
|
elem.setAttribute("draggable", "false");
|
|
|
|
|
is(elem.draggable, false, elemid + "-attr-false");
|
|
|
|
|
elem.setAttribute("draggable", "other");
|
|
|
|
|
is(elem.draggable, statedef, elemid + "-attr-other");
|
|
|
|
|
elem.setAttribute("draggable", "");
|
|
|
|
|
is(elem.draggable, statedef, elemid + "-attr-empty");
|
|
|
|
|
elem.removeAttribute("draggable");
|
|
|
|
|
is(elem.draggable, statedef, elemid + "-attr-removed");
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
check();
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
|
|
|
|
|
|
