| <!DOCTYPE html> |
| <title>HTML Test: BDI: script adds a bdi element with R text and the direction should be RTL</title> |
| <meta charset="utf-8"> |
| <meta name="assert" content="The dir global attribute defaults to auto on the bdi element" /> |
| <link rel="author" title="HTML5 bidi test WG" href="mailto:myid.shin@igalia.com" /> |
| <link rel="help" href="https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-bdi-element" /> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <body> |
| <div id="test1"><bdi>اختبر SomeText</bdi><br></div> |
| <div id="test2"></div> |
| <script> |
| test(() => { |
| assert_equals(getComputedStyle(test1.firstChild).direction, "rtl"); |
| |
| const bdi = document.createElement("bdi"); |
| var text = document.createTextNode('اختبر SomeText'); |
| bdi.append(text); |
| test2.append(bdi); |
| |
| assert_equals(getComputedStyle(test2.firstChild).direction, "rtl"); |
| }, 'BDI test: Directionality'); |
| </script> |
| </body> |
