|
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 type="application/javascript" 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 /** Test for Bug 562169 **/ |
|
22 /** Test that adding an child to an element with dir="rtl" makes the |
|
23 child have rtl directionality, and removing the child makes it |
|
24 go back to ltr directionality **/ |
|
25 |
|
26 function checkSelector(element, expectedDir, expectedChild) |
|
27 { |
|
28 ok(element.querySelector(":-moz-dir("+expectedDir+")") == expectedChild, |
|
29 "direction should be " + expectedDir); |
|
30 } |
|
31 |
|
32 var x = document.createElement("div"); |
|
33 var y = document.createElement("div"); |
|
34 x.appendChild(y); |
|
35 checkSelector(x, "ltr", y); |
|
36 $(z).appendChild(x); |
|
37 checkSelector(x, "rtl", y); |
|
38 $(z).removeChild(x); |
|
39 checkSelector(x, "ltr", y); |
|
40 |
|
41 </script> |
|
42 </pre> |
|
43 </body> |
|
44 </html> |