dom/events/test/test_draggableprop.html

branch
TOR_BUG_9701
changeset 15
b8a032363ba2
equal deleted inserted replaced
-1:000000000000 0:e07fa945bb71
1 <html>
2 <head>
3 <title>Tests for the draggable property on HTML elements</title>
4 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css">
5 <script type="application/javascript"
6 src="/tests/SimpleTest/SimpleTest.js"></script>
7
8 <body>
9 <p id="display"></p>
10 <div id="content" style="display: none">
11 </div>
12
13 <span id="elem1">One</span>
14 <span id="elem2" draggable="true">Two</span>
15 <span id="elem3" draggable="">Three</span>
16 <span id="elem4" draggable="false">Four</span>
17 <span id="elem5" draggable="other">Five</span>
18
19 <img id="img1" src="../happy.png">
20 <img id="img2" src="../happy.png" draggable="true">
21 <img id="img3" src="../happy.png" draggable="">
22 <img id="img4" src="../happy.png" draggable="false">
23 <img id="img5" src="../happy.png" draggable="other">
24
25 <a id="a1">One</a>
26 <a id="a2" draggable="true">Two</a>
27 <a id="a3" draggable="">Three</a>
28 <a id="a4" draggable="false">Four</a>
29 <a id="a5" draggable="other">Five</a>
30
31 <a id="ahref1" href="http://www.mozilla.org">One</a>
32 <a id="ahref2" href="http://www.mozilla.org" draggable="true">Two</a>
33 <a id="ahref3" href="http://www.mozilla.org" draggable="">Three</a>
34 <a id="ahref4" href="http://www.mozilla.org" draggable="false">Four</a>
35 <a id="ahref5" href="http://www.mozilla.org" draggable="other">Five</a>
36
37 <script>
38 function check()
39 {
40 try {
41 checkElements(1, false, true, false, true);
42 checkElements(2, true, true, true, true);
43 checkElements(3, false, true, false, true);
44 checkElements(4, false, false, false, false);
45 checkElements(5, false, true, false, true);
46 }
47 catch (ex) {
48 is("script error", ex, "fail");
49 }
50 }
51
52 function checkElements(idx, estate, istate, astate, ahrefstate)
53 {
54 checkElement("elem" + idx, estate, false);
55 checkElement("img" + idx, istate, true);
56 checkElement("a" + idx, astate, false);
57 checkElement("ahref" + idx, ahrefstate, true);
58 }
59
60 function checkElement(elemid, state, statedef)
61 {
62 var elem = document.getElementById(elemid);
63
64 is(elem.draggable, state, elemid + "-initial");
65 elem.draggable = true;
66 is(elem.draggable, true, elemid + "-true");
67 elem.draggable = false;
68 is(elem.draggable, false, elemid + "-false");
69
70 elem.setAttribute("draggable", "true");
71 is(elem.draggable, true, elemid + "-attr-true");
72 elem.setAttribute("draggable", "false");
73 is(elem.draggable, false, elemid + "-attr-false");
74 elem.setAttribute("draggable", "other");
75 is(elem.draggable, statedef, elemid + "-attr-other");
76 elem.setAttribute("draggable", "");
77 is(elem.draggable, statedef, elemid + "-attr-empty");
78 elem.removeAttribute("draggable");
79 is(elem.draggable, statedef, elemid + "-attr-removed");
80 }
81
82 check();
83
84 </script>
85
86 </body>
87 </html>
88
89

mercurial