test_bug562169-1.html (1199B)
1 <!DOCTYPE HTML> 2 <html> 3 <!-- 4 https://bugzilla.mozilla.org/show_bug.cgi?id=562169 5 --> 6 <head> 7 <meta charset="utf-8"> 8 <title>Test for Bug 562169</title> 9 <script src="/tests/SimpleTest/SimpleTest.js"></script> 10 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/> 11 </head> 12 <body> 13 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=562169">Mozilla Bug 562169</a> 14 <p id="display"></p> 15 <div id="content" style="display: none"> 16 <div dir="rtl" id="z"></div> 17 </div> 18 <pre id="test"> 19 <script type="application/javascript"> 20 21 /** 22 * Test for Bug 562169 23 * Test that adding an child to an element with dir="rtl" makes the 24 * child have rtl directionality, and removing the child makes it 25 * go back to ltr directionality 26 */ 27 28 function checkSelector(element, expectedDir, expectedChild) 29 { 30 ok(element.querySelector(":dir("+expectedDir+")") == expectedChild, 31 "direction should be " + expectedDir); 32 } 33 34 var x = document.createElement("div"); 35 var y = document.createElement("div"); 36 x.appendChild(y); 37 checkSelector(x, "ltr", y); 38 $(z).appendChild(x); 39 checkSelector(x, "rtl", y); 40 $(z).removeChild(x); 41 checkSelector(x, "ltr", y); 42 43 </script> 44 </pre> 45 </body> 46 </html>