cdata-dir_auto.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /html/dom/elements/global-attributes/cdata-dir_auto.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<head>

    <meta charset="utf-8">

    <link rel="author" title="Vincent Hilla" href="mailto:vhilla@mozilla.com">

    <link rel="help" href="https://html.spec.whatwg.org/multipage/dom.html#the-directionality">

    <script src="/resources/testharness.js"></script>

    <script src="/resources/testharnessreport.js"></script>

</head>

<body>

    <div id="test1" dir="auto">

        <![CDATA[foo]]>اختبر

    </div>

    <iframe src="cdata-iframe.xhtml"></iframe>

    <script>

        function awaitMessage(msg) {

            return new Promise(res => {

                function waitAndRemove(e) {

                    if (e.data != msg)

                        return;

                    window.removeEventListener("message", waitAndRemove);

                    res();

                window.addEventListener("message", waitAndRemove);

});

        const subframeLoaded = awaitMessage("subframe-loaded");

        async function createXHTMLCase(id) {

            await subframeLoaded;

            let iframe = document.querySelector("iframe");

            iframe.contentWindow.postMessage(id, "*");

            await awaitMessage(id);

            const doc = iframe.contentDocument;

            const div = doc.getElementById(id);

            const cdata = div.firstChild;

            return [div, cdata];

        test(function() {

            const div = document.getElementById("test1");

            assert_true(div.matches(":dir(rtl)"));

        }, "Content of CDATA is ignored for dir=auto in html document");

        promise_test(async function() {

            let [div, cdata] = await createXHTMLCase(1);

            assert_true(div.matches(":dir(ltr)"));

        }, "Text in CDATASection is considered when determining auto directionality");

        promise_test(async function() {

            let [div, cdata] = await createXHTMLCase(2);

            assert_true(div.matches(":dir(ltr)"));

            cdata.remove();

            assert_true(div.matches(":dir(rtl)"));

        }, "Directionality is updated when removing CDATASection");

        promise_test(async function() {

            let [div, cdata] = await createXHTMLCase(3);

            assert_true(div.matches(":dir(ltr)"));

            cdata.textContent = "اختبر";

            assert_true(div.matches(":dir(rtl)"));

        }, "Directionality is updated when changing text of CDATASection");

    </script>

</body>

</html>