<!doctype html>
<html>
<head>
<script src="../../resources/js-test-pre.js"></script>
<style>
:lang(de-DE, DE-de) {
    color: rgb(1, 2, 3);
}
</style>
</head>
<body>
    <div lang="en"></div>
    <div lang="en-"></div>
    <div lang="en--"></div>

    <div lang="de-DE" class="de"></div>
    <div lang="de-de" class="de"></div>
    <div lang="de-De" class="de"></div>
    <div lang="de-dE" class="de"></div>
    <div lang="de-DE-1996" class="de"></div>
    <div lang="de-Latn-DE" class="de"></div>
    <div lang="de-Latf-DE" class="de"></div>
    <div lang="de-Latn-DE-1996" class="de"></div>

    <div lang="Latn-de"></div>
    <div lang="Latf-de"></div>

    <div lang="foo--bar"></div>
    <div lang="id---Java"></div>

    <div lang="tic-tac-tac-toe"></div>

    <div lang="fr-x"></div>
    <div lang="fr-xenomorph"></div>
    <div lang="fr-x-xenomorph"></div>

    <div lang="cocoa-1-bar"></div>
    <div lang="cocoa-a-bar"></div>

    <div lang="a"></div>
    <div lang="a-fr-lang"></div>
    <div lang="b-fr-lang"></div>

    <div lang="de-CH"></div>
    <div lang="it-CH"></div>
    <div lang="fr-CH"></div>
    <div lang="rm-CH"></div>
    <div lang="es-CH"></div>

    <div lang="es1-KK-aa-bb-cc-dd"></div>
    <div lang="es2-KL-aa-bb-cc-dd"></div>
    <div lang="es3-KM-aa-bb-cc-dd"></div>

    <div lang="fooÉ"></div>
    <div lang="foöÉ-bÁr"></div>
    <div lang="foöÉbÁr"></div>

    <script>
    description('Verify selector specifying extended filtering of :lang() pseudo class');

    shouldBe('document.querySelectorAll(":lang(en)").length', '3');
    shouldBe('document.querySelectorAll(":lang(en-)").length', '2');
    shouldBe('document.querySelectorAll(":lang(en--)").length', '1');
    shouldBe('document.querySelectorAll(":lang(en---)").length', '0');

    debug('');

    shouldBe('document.querySelectorAll(":lang(de-de)").length', '8');
    shouldBe('document.querySelectorAll(":lang(de-DE)").length', '8');
    shouldBe('document.querySelectorAll(":lang(DE-de)").length', '8');
    shouldBe('document.querySelectorAll(":lang(dE-dE)").length', '8');
    shouldBe('document.querySelectorAll(":lang(De-De)").length', '8');
    shouldBe('document.querySelectorAll(":lang(DE-DE)").length', '8');

    shouldBe('document.querySelectorAll(":lang(Latn)").length', '1');
    shouldBe('document.querySelectorAll(":lang(Latf)").length', '1');
    shouldBe('document.querySelectorAll(":lang(Latn-de)").length', '1');
    shouldBe('document.querySelectorAll(":lang(Latf-de)").length', '1');

    shouldBe('document.querySelectorAll(":lang(Latn, de-Latn)").length', '3');
    shouldBe('document.querySelectorAll(":lang(Latf, de-Latf)").length', '2');

    shouldBe('document.querySelectorAll(":lang(Latn, de-Latn)").length', '3');
    shouldBe('document.querySelectorAll(":lang(Latf, de-Latf)").length', '2');

    shouldBe('document.querySelectorAll(":lang(de-DE--, de-DE--)").length', '0');

    debug('');

    for (var i = 0; i < document.querySelectorAll(":lang(de-DE, DE-de)").length; i++) {
        shouldBeEqualToString('getComputedStyle(document.querySelectorAll(":lang(de-DE, DE-de)")[' + i + ']).color', 'rgb(1, 2, 3)');
    }

    debug('');

    shouldBeEqualToString('getComputedStyle(document.querySelector(":lang(Latn, Latn-de)")).color', 'rgb(0, 0, 0)');
    shouldBeEqualToString('getComputedStyle(document.querySelector(":lang(Latf, Latf-de)")).color', 'rgb(0, 0, 0)');
    shouldBeEqualToString('getComputedStyle(document.querySelector(":lang(Latf, Latn)")).color', 'rgb(0, 0, 0)');
    shouldBeEqualToString('getComputedStyle(document.querySelector(":lang(Latf, Latn)")).color', 'rgb(0, 0, 0)');

    debug('');

    shouldBe('document.querySelectorAll(":lang(-en)").length', '0');
    shouldBe('document.querySelectorAll(":lang(-en-)").length', '0');
    shouldBe('document.querySelectorAll(":lang(-en--)").length', '0');

    shouldBe('document.querySelectorAll(":lang(-en, -en-)").length', '0');
    shouldBe('document.querySelectorAll(":lang(-en-, -en--)").length', '0');

    debug(''); 

    shouldBe('document.querySelectorAll(":lang(fr-x)").length', '0');
    shouldBe('document.querySelectorAll(":lang(fr-xenomorph)").length', '1');

    debug('');

    shouldBe('document.querySelectorAll(":lang(cocoa-1)").length', '0');
    shouldBe('document.querySelectorAll(":lang(cocoa-a)").length', '0');
    shouldBe('document.querySelectorAll(":lang(cocoa-bar)").length', '0');

    shouldBe('document.querySelectorAll(":lang(cocoa-1, cocoa-bar)").length', '0');
    shouldBe('document.querySelectorAll(":lang(cocoa-a, cocoa-bar)").length', '0');
    shouldBe('document.querySelectorAll(":lang(cocoa-1, cocoa-a)").length', '0');

    debug('');

    shouldBe('document.querySelectorAll(":lang(foo)").length', '1');
    shouldBe('document.querySelectorAll(":lang(foo-bar)").length', '1');
    shouldBe('document.querySelectorAll(":lang(foo--bar)").length', '1');
    shouldBe('document.querySelectorAll(":lang(foo-)").length', '1');
    shouldBe('document.querySelectorAll(":lang(foo--)").length', '0');

    shouldBe('document.querySelectorAll(":lang(foo, foo-)").length', '1');
    shouldBe('document.querySelectorAll(":lang(foo-bar, foo--bar)").length', '1');
    shouldBe('document.querySelectorAll(":lang(foo-, foo--)").length', '1');
    shouldBe('document.querySelectorAll(":lang(foo--, foo---)").length', '0');

    shouldBe('document.querySelectorAll(":lang(id)").length', '1');
    shouldBe('document.querySelectorAll(":lang(id-)").length', '1');
    shouldBe('document.querySelectorAll(":lang(id--)").length', '1');
    shouldBe('document.querySelectorAll(":lang(id---Java)").length', '1');
    shouldBe('document.querySelectorAll(":lang(id--Java)").length', '1');
    shouldBe('document.querySelectorAll(":lang(id-Java)").length', '1');
    shouldBe('document.querySelectorAll(":lang(id---)").length', '0');

    shouldBe('document.querySelectorAll(":lang(id, id-)").length', '1');
    shouldBe('document.querySelectorAll(":lang(id-, id--)").length', '1');
    shouldBe('document.querySelectorAll(":lang(id--Java, id---Java)").length', '1');
    shouldBe('document.querySelectorAll(":lang(id-Java, id--Java)").length', '1');
    shouldBe('document.querySelectorAll(":lang(id---, id----)").length', '0');

    debug('');

    shouldBe('document.querySelectorAll(":lang(tic-tac-toe)").length', '1');
    shouldBe('document.querySelectorAll(":lang(tic-toe-tac)").length', '0');

    debug('');

    shouldBe('document.querySelectorAll(":lang(\\\\*)").length', '35');
    shouldBe('document.querySelectorAll(\':lang("*-CH")\').length', '5');

    debug('');  

    shouldBe('document.querySelectorAll(":lang(a)").length', '2');
    shouldBe('document.querySelectorAll(":lang(a-\\\\*)").length', '1');
    shouldBe('document.querySelectorAll(\':lang("*-fr-\\\\*\")\').length', '2');
    shouldBe('document.querySelectorAll(\':lang("*-\\\\*-lang\")\').length', '2');   

    shouldBe('document.querySelectorAll(\':lang("*-\\\\*-aa-bb-cc-dd")\').length', '3');
    shouldBe('document.querySelectorAll(\':lang("*-\\\\*-\\\\*-bb-cc-dd")\').length', '3');
    shouldBe('document.querySelectorAll(\':lang("*-\\\\*-\\\\*-\\\\*-cc-dd")\').length', '3');
    shouldBe('document.querySelectorAll(\':lang("*-\\\\*-\\\\*-\\\\*-\\\\*-dd")\').length', '3');
    shouldBe('document.querySelectorAll(\':lang("*-\\\\*-\\\\*-\\\\*-\\\\*-\\\\*\")\').length', '3');
    shouldBe('document.querySelectorAll(\':lang("*-\\\\*-aa-\\\\*-cc-\\\\*\")\').length', '3');
    shouldBe('document.querySelectorAll(\':lang("*-\\\\*-\\\\*-bb-\\\\*")\').length', '3');

    shouldBe('document.querySelectorAll(":lang(fooÉ)").length', '1');
    shouldBe('document.querySelectorAll(":lang(fOOÉ)").length', '1');
    shouldBe('document.querySelectorAll(":lang(FoOÉ)").length', '1');
    shouldBe('document.querySelectorAll(":lang(FOOÉ)").length', '1');
    shouldBe('document.querySelectorAll(":lang(fooé)").length', '0');
    shouldBe('document.querySelectorAll(":lang(FOOé)").length', '0');

    shouldBe('document.querySelectorAll(":lang(foöÉ-bÁr)").length', '1');
    shouldBe('document.querySelectorAll(":lang(FoöÉ-bÁr)").length', '1');
    shouldBe('document.querySelectorAll(":lang(FOöÉ-bÁr)").length', '1');
    shouldBe('document.querySelectorAll(":lang(FOòÉ-bÁr)").length', '0');
    shouldBe('document.querySelectorAll(":lang(FOòę-bÁr)").length', '0');

    shouldBe('document.querySelectorAll(":lang(foöÉ-\\\\*)").length', '1');
    shouldBe('document.querySelectorAll(":lang(\\\\*-bÁr)").length', '1');
    shouldBe('document.querySelectorAll(":lang(\\\\*-BÁr)").length', '1');
    shouldBe('document.querySelectorAll(":lang(\\\\*-BÁR)").length', '1');
    shouldBe('document.querySelectorAll(":lang(\\\\*-Bár)").length', '0');
    shouldBe('document.querySelectorAll(":lang(\\\\*-báR)").length', '0');
    shouldBe('document.querySelectorAll(":lang(\\\\*-BáR)").length', '0');

    debug('');

    shouldBe('document.querySelectorAll(":lang(FOöÉ-BÁr)").length', '1');
    shouldBe('document.querySelectorAll(":lang(FOöÉ-BÁ)").length', '0');
    shouldBe('document.querySelectorAll(":lang(FOöÉ-B)").length', '0');

    shouldBe('document.querySelectorAll(":lang(f-BÁr)").length', '0');
    shouldBe('document.querySelectorAll(":lang(fO-BÁr)").length', '0');
    shouldBe('document.querySelectorAll(":lang(fOö-BÁr)").length', '0');
    shouldBe('document.querySelectorAll(":lang(FOöÉ-BÁr1)").length', '0');
    shouldBe('document.querySelectorAll(":lang(FOöÉ-BÁr12)").length', '0');
    shouldBe('document.querySelectorAll(":lang(FOöÉ-BÁr123)").length', '0');

    shouldBe('document.querySelectorAll(":lang(F-Xe)").length', '0');
    shouldBe('document.querySelectorAll(":lang(Fr-Xe)").length', '0');
    shouldBe('document.querySelectorAll(":lang(fr-Xe)").length', '0');
    shouldBe('document.querySelectorAll(":lang(fr-Xen)").length', '0');
    shouldBe('document.querySelectorAll(":lang(fr-Xeno)").length', '0');
    shouldBe('document.querySelectorAll(":lang(fr-Xenom)").length', '0');
    shouldBe('document.querySelectorAll(":lang(fr-Xenomo)").length', '0');
    shouldBe('document.querySelectorAll(":lang(fr-Xenomor)").length', '0');
    shouldBe('document.querySelectorAll(":lang(fr-Xenomorp)").length', '0');
    shouldBe('document.querySelectorAll(":lang(fr-Xènömòrph)").length', '0');
    shouldBe('document.querySelectorAll(":lang(FR-XENOMORPH)").length', '1');

    shouldBe('document.querySelectorAll(":lang(foöÉbÁr)").length', '1');
    shouldBe('document.querySelectorAll(":lang(foöÉbÁ)").length', '0');
    shouldBe('document.querySelectorAll(":lang(foöÉb)").length', '0');
    shouldBe('document.querySelectorAll(":lang(foöÉ)").length', '1');
    shouldBe('document.querySelectorAll(":lang(foö)").length', '0');
    shouldBe('document.querySelectorAll(":lang(fo)").length', '0');
    shouldBe('document.querySelectorAll(":lang(f)").length', '0');

    debug('');

    shouldThrow('document.querySelectorAll(":lang(*)").length');
    shouldThrow('document.querySelectorAll(":lang(*foöÉ)").length');
    shouldThrow('document.querySelectorAll(":lang(--en--)").length');
    shouldThrow('document.querySelectorAll(":lang(---en---)").length');
    shouldThrow('document.querySelectorAll(":lang(en us- de- fr-).length")');
    shouldThrow('document.querySelectorAll(":lang(-\\\\* \\\\*-)").length');

    </script>
    <script src="../../resources/js-test-post.js"></script>
</body>
</html>