test_default_bidi_css.html (2590B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Test for Bug </title> 6 <script src="/tests/SimpleTest/SimpleTest.js"></script> 7 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/> 8 </head> 9 <body> 10 <p id="display"></p> 11 <div id="content" style="display: none"> 12 13 </div> 14 <pre id="test"> 15 <script type="application/javascript"> 16 17 /** Test for default bidi css */ 18 function styleOf(name, attributes) { 19 var element = document.createElement(name); 20 for (var name in attributes) { 21 var value = attributes[name]; 22 element.setAttribute(name, value); 23 } 24 document.body.appendChild(element); 25 return getComputedStyle(element); 26 } 27 28 var tests = [ 29 ['div', {}, 'ltr', 'isolate'], 30 ['div', {'dir': 'ltr'}, 'ltr', 'isolate'], 31 ['div', {'dir': 'rtl'}, 'rtl', 'isolate'], 32 ['div', {'dir': 'auto'}, 'ltr', 'isolate'], 33 ['div', {'dir': ''}, 'ltr', 'isolate'], 34 35 ['span', {}, 'ltr', 'normal'], 36 ['span', {'dir': 'ltr'}, 'ltr', 'isolate'], 37 ['span', {'dir': 'rtl'}, 'rtl', 'isolate'], 38 ['span', {'dir': 'auto'}, 'ltr', 'isolate'], 39 ['span', {'dir': ''}, 'ltr', 'isolate'], 40 41 ['bdi', {}, 'ltr', 'isolate'], 42 ['bdi', {'dir': 'ltr'}, 'ltr', 'isolate'], 43 ['bdi', {'dir': 'rtl'}, 'rtl', 'isolate'], 44 ['bdi', {'dir': 'auto'}, 'ltr', 'isolate'], 45 ['bdi', {'dir': ''}, 'ltr', 'isolate'], 46 47 ['output', {}, 'ltr', 'isolate'], 48 ['output', {'dir': 'ltr'}, 'ltr', 'isolate'], 49 ['output', {'dir': 'rtl'}, 'rtl', 'isolate'], 50 ['output', {'dir': 'auto'}, 'ltr', 'isolate'], 51 ['output', {'dir': ''}, 'ltr', 'isolate'], 52 53 ['bdo', {}, 'ltr', 'isolate-override'], 54 ['bdo', {'dir': 'ltr'}, 'ltr', 'isolate-override'], 55 ['bdo', {'dir': 'rtl'}, 'rtl', 'isolate-override'], 56 ['bdo', {'dir': 'auto'}, 'ltr', 'isolate-override'], 57 ['bdo', {'dir': ''}, 'ltr', 'isolate-override'], 58 59 ['textarea', {}, 'ltr', 'normal'], 60 ['textarea', {'dir': 'ltr'}, 'ltr', 'isolate'], 61 ['textarea', {'dir': 'rtl'}, 'rtl', 'isolate'], 62 ['textarea', {'dir': 'auto'}, 'ltr', 'plaintext'], 63 ['textarea', {'dir': ''}, 'ltr', 'isolate'], 64 65 ['pre', {}, 'ltr', 'isolate'], 66 ['pre', {'dir': 'ltr'}, 'ltr', 'isolate'], 67 ['pre', {'dir': 'rtl'}, 'rtl', 'isolate'], 68 ['pre', {'dir': 'auto'}, 'ltr', 'plaintext'], 69 ['pre', {'dir': ''}, 'ltr', 'isolate'], 70 ].forEach(function (test) { 71 var style = styleOf(test[0], test[1]); 72 is(style.direction, test[2], "default value for direction"); 73 is(style.unicodeBidi, test[3], "default value for unicode-bidi"); 74 }); 75 76 77 </script> 78 </pre> 79 </body> 80 </html>