<!doctype html>
<html>
<head>
<script src="../../resources/js-test-pre.js"></script>
<style id="style-target"></style>
</head>
<body>
<script>
description('Verify the never generates a valid selector for an invalid functional pseudo class.');

function invalidRules(functonalPseudoClassName) {
    return [':' + functonalPseudoClassName + '\\',
            ':' + functonalPseudoClassName + '\\\\',
            ':' + functonalPseudoClassName + '\\\\\\',
            ':' + functonalPseudoClassName + '\\\\\\\\',
            ':' + functonalPseudoClassName + '\\(',
            ':' + functonalPseudoClassName + '\\\\(',
            ':' + functonalPseudoClassName + '\\\\\\(',
            ':' + functonalPseudoClassName + '\\\\\\\\(',
            ':' + functonalPseudoClassName + '\\ .foo',
            ':' + functonalPseudoClassName + '\\\\ .foo',
            ':' + functonalPseudoClassName + '\\\\\\ .foo',
            ':' + functonalPseudoClassName + '\\\\\\\\ .foo',
            ':' + functonalPseudoClassName + '\\\\( .foo',
            ':' + functonalPseudoClassName + '\\\\\\( .foo',
            ':' + functonalPseudoClassName + '\\\\\\\\( .foo',
            ':' + functonalPseudoClassName + '\\()',
            ':' + functonalPseudoClassName + '\\\\()',
            ':' + functonalPseudoClassName + '\\\\\\()',
            ':' + functonalPseudoClassName + '\\\\\\\\()',
            ':' + functonalPseudoClassName + '\\ .foo)',
            ':' + functonalPseudoClassName + '\\\\ .foo)',
            ':' + functonalPseudoClassName + '\\\\\\ .foo)',
            ':' + functonalPseudoClassName + '\\\\\\\\ .foo)',
            ':' + functonalPseudoClassName + '\\\\( .foo)',
            ':' + functonalPseudoClassName + '\\\\\\( .foo)',
            ':' + functonalPseudoClassName + '\\\\\\\\( .foo)'];
}

function testQuerySelector(functonalPseudoClassName) {
    for (var testCase of invalidRules(functonalPseudoClassName))
        shouldThrow('document.querySelectorAll("' + testCase + '").length');
}

function testStyling(functonalPseudoClassName) {
    var styleElement = document.getElementById("style-target");

    for (var testCase of invalidRules(functonalPseudoClassName)) {
        styleElement.textContent = testCase + " { background-color: red; }";
        shouldBe("document.styleSheets[1].cssRules.length", "0");
    }
    styleElement.textContent = "";
}

function test(functonalPseudoClassName) {
    testQuerySelector(functonalPseudoClassName);
    testStyling(functonalPseudoClassName);
}

var functionalPseudoClasses = [
    "-webkit-any",
    "dir",
    "lang",
    "not",
    "nth-child",
    "nth-last-child",
    "nth-last-of-type",
    "nth-of-type",
    "matches",
    "role",
];

for (var functionalPseudoClass of functionalPseudoClasses)
    test(functionalPseudoClass);
</script>
<script src="../../resources/js-test-post.js"></script>
</body>
</html>