test_default_bidi_css.html

Enable keyboard shortcuts

<!DOCTYPE HTML>

<html>

<head>

  <meta charset="utf-8">

  <title>Test for Bug </title>

  <script src="/tests/SimpleTest/SimpleTest.js"></script>

  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>

</head>

<body>

<p id="display"></p>

<div id="content" style="display: none">

</div>

<pre id="test">

<script type="application/javascript">

/** Test for default bidi css  **/

function styleOf(name, attributes) {

    var element = document.createElement(name);

    for (var name in attributes) {

        var value = attributes[name];

        element.setAttribute(name, value);

    document.body.appendChild(element);

    return getComputedStyle(element);

var tests = [

    ['div', {}, 'ltr', 'isolate'],

    ['div', {'dir': 'ltr'}, 'ltr', 'isolate'],

    ['div', {'dir': 'rtl'}, 'rtl', 'isolate'],

    ['div', {'dir': 'auto'}, 'ltr', 'isolate'],

    ['div', {'dir': ''}, 'ltr', 'isolate'],

    ['span', {}, 'ltr', 'normal'],

    ['span', {'dir': 'ltr'}, 'ltr', 'isolate'],

    ['span', {'dir': 'rtl'}, 'rtl', 'isolate'],

    ['span', {'dir': 'auto'}, 'ltr', 'isolate'],

    ['span', {'dir': ''}, 'ltr', 'isolate'],

    ['bdi', {}, 'ltr', 'isolate'],

    ['bdi', {'dir': 'ltr'}, 'ltr', 'isolate'],

    ['bdi', {'dir': 'rtl'}, 'rtl', 'isolate'],

    ['bdi', {'dir': 'auto'}, 'ltr', 'isolate'],

    ['bdi', {'dir': ''}, 'ltr', 'isolate'],

    ['output', {}, 'ltr', 'isolate'],

    ['output', {'dir': 'ltr'}, 'ltr', 'isolate'],

    ['output', {'dir': 'rtl'}, 'rtl', 'isolate'],

    ['output', {'dir': 'auto'}, 'ltr', 'isolate'],

    ['output', {'dir': ''}, 'ltr', 'isolate'],

    ['bdo', {}, 'ltr', 'isolate-override'],

    ['bdo', {'dir': 'ltr'}, 'ltr', 'isolate-override'],

    ['bdo', {'dir': 'rtl'}, 'rtl', 'isolate-override'],

    ['bdo', {'dir': 'auto'}, 'ltr', 'isolate-override'],

    ['bdo', {'dir': ''}, 'ltr', 'isolate-override'],

    ['textarea', {}, 'ltr', 'normal'],

    ['textarea', {'dir': 'ltr'}, 'ltr', 'isolate'],

    ['textarea', {'dir': 'rtl'}, 'rtl', 'isolate'],

    ['textarea', {'dir': 'auto'}, 'ltr', 'plaintext'],

    ['textarea', {'dir': ''}, 'ltr', 'isolate'],

    ['pre', {}, 'ltr', 'isolate'],

    ['pre', {'dir': 'ltr'}, 'ltr', 'isolate'],

    ['pre', {'dir': 'rtl'}, 'rtl', 'isolate'],

    ['pre', {'dir': 'auto'}, 'ltr', 'plaintext'],

    ['pre', {'dir': ''}, 'ltr', 'isolate'],

].forEach(function (test) {

    var style = styleOf(test[0], test[1]);

    is(style.direction, test[2], "default value for direction");

    is(style.unicodeBidi, test[3], "default value for unicode-bidi");

});

</script>

</pre>

</body>

</html>