tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

test_draggableprop.html (3064B)

      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 <span id="elem6" draggable="false"><span style="user-select: none">Six</span></span>
     19 
     20 <img id="img1" src="../happy.png">
     21 <img id="img2" src="../happy.png" draggable="true">
     22 <img id="img3" src="../happy.png" draggable="">
     23 <img id="img4" src="../happy.png" draggable="false">
     24 <img id="img5" src="../happy.png" draggable="other">
     25 <img id="img6" src="../happy.png" draggable="false">
     26 
     27 <a id="a1">One</a>
     28 <a id="a2" draggable="true">Two</a>
     29 <a id="a3" draggable="">Three</a>
     30 <a id="a4" draggable="false">Four</a>
     31 <a id="a5" draggable="other">Five</a>
     32 <a id="a6" draggable="false"><span style="user-select: none">Six</span></a>
     33 
     34 <a id="ahref1" href="http://www.mozilla.org">One</a>
     35 <a id="ahref2" href="http://www.mozilla.org" draggable="true">Two</a>
     36 <a id="ahref3" href="http://www.mozilla.org" draggable="">Three</a>
     37 <a id="ahref4" href="http://www.mozilla.org" draggable="false">Four</a>
     38 <a id="ahref5" href="http://www.mozilla.org" draggable="other">Five</a>
     39 <a id="ahref6" href="http://www.mozilla.org" draggable="false"><span style="user-select: none">Six</span></a>
     40 
     41 <script>
     42 function check()
     43 {
     44  try {
     45    checkElements(1, false, true, false, true);
     46    checkElements(2, true, true, true, true);
     47    checkElements(3, false, true, false, true);
     48    checkElements(4, false, false, false, false);
     49    checkElements(5, false, true, false, true);
     50    checkElements(6, false, false, false, false);
     51  } catch (ex) {
     52    is("script error", ex, "fail");
     53  }
     54 }
     55 
     56 function checkElements(idx, estate, istate, astate, ahrefstate)
     57 {
     58  checkElement("elem" + idx, estate, false);
     59  checkElement("img" + idx, istate, true);
     60  checkElement("a" + idx, astate, false);
     61  checkElement("ahref" + idx, ahrefstate, true);
     62 }
     63 
     64 function checkElement(elemid, state, statedef)
     65 {
     66  var elem = document.getElementById(elemid);
     67 
     68  is(elem.draggable, state, elemid + "-initial");
     69  elem.draggable = true;
     70  is(elem.draggable, true, elemid + "-true");
     71  elem.draggable = false;
     72  is(elem.draggable, false, elemid + "-false");
     73 
     74  elem.setAttribute("draggable", "true");
     75  is(elem.draggable, true, elemid + "-attr-true");
     76  elem.setAttribute("draggable", "false");
     77  is(elem.draggable, false, elemid + "-attr-false");
     78  elem.setAttribute("draggable", "other");
     79  is(elem.draggable, statedef, elemid + "-attr-other");
     80  elem.setAttribute("draggable", "");
     81  is(elem.draggable, statedef, elemid + "-attr-empty");
     82  elem.removeAttribute("draggable");
     83  is(elem.draggable, statedef, elemid + "-attr-removed");
     84 }
     85 
     86 check();
     87 
     88 </script>
     89 
     90 </body>
     91 </html>