<!DOCTYPE html>
<html>
    <head>
        <script src="../../resources/js-test-pre.js"></script>
    </head>
    <body>
        <div class="display:none;">
            <div id="simple_unique" data-case="1"></div>
            <div id="simple_Duplicated" data-case="2"></div>
            <div id="simple_Duplicated" data-case="3"></div>
            <div id="simple_Duplicated" data-case="4"></div>

            <div id="Ancestor_Unique" data-case="5">
                <div data-case="6">
                    <div data-case="7">
                    </div>
                </div>
                <div id="ANCESTOR_DUPLICATED" data-case="8">
                    <div data-case="9">
                    </div>
                </div>
            </div>
            <div id="ANCESTOR_DUPLICATED" data-case="10">
                <div data-case="11">
                    <div data-case="12">
                    </div>
                </div>
                <div id="ANCESTOR_DUPLICATED" data-case="13">
                    <div data-case="14">
                    </div>
                </div>
            </div>
        </div>
        <script>
            description("Verify the optimization transforming [id=value] into #value for querySelector.");

            function test(selector, expectedCases)
            {
                shouldBe('document.querySelectorAll("' + selector + '").length', '' + expectedCases.length);
                /*let queryResult = document.querySelectorAll(selector);
                for (let i = 0; i < queryResult.length; ++i) {
                    shouldBeEqualToString('document.querySelectorAll("' + selector + '")[' + i + '].dataset.case', '' + expectedCases[i]);
                }*/
            }

            debug("Trivial Selector used as rightmost");
            test("[id=simple_unique]", [1]);
            test("[id=simple_Duplicated]", [2, 3, 4]);
            test("[id=simple_duplicated]", []);

            debug("Non-Trivial Selector used as rightmost");
            test("div[id=simple_unique][data-case]", [1]);
            test("div[id=simple_Duplicated][data-case]", [2, 3, 4]);
            test("div[id=simple_duplicated][data-case]", []);

            debug("Trivial Selector used as ancestor filter");
            test("[id=Ancestor_Unique] *", [6, 7, 8, 9]);
            test("[id=Ancestor_Unique] > * *", [7, 9]);
            test("[id=Ancestor_Unique] * > *", [7, 9]);
            test("[id=ancestor_unique] *", []);
            test("[id=ancestor_unique] > * *", []);
            test("[id=ancestor_unique] * > *", []);
            test("[id=ANCESTOR_DUPLICATED] *", [9, 11, 12, 13, 14]);
            test("[id=ANCESTOR_DUPLICATED] > * *", [12, 14]);
            test("[id=ANCESTOR_DUPLICATED] * > *", [12, 14]);
            test("[id=ancestor_duplicated] *", []);
            test("[id=ancestor_duplicated] > * *", []);
            test("[id=ancestor_duplicated] * > *", []);

            debug("Non-Trivial Selector used as ancestor filter");
            test("div[id=Ancestor_Unique][data-case] *", [6, 7, 8, 9]);
            test("div[id=Ancestor_Unique][data-case] > * *", [7, 9]);
            test("div[id=Ancestor_Unique][data-case] * > *", [7, 9]);
            test("div[id=ancestor_unique][data-case] *", []);
            test("div[id=ancestor_unique][data-case] > * *", []);
            test("div[id=ancestor_unique][data-case] * > *", []);
            test("div[id=ANCESTOR_DUPLICATED][data-case] *", [9, 11, 12, 13, 14]);
            test("div[id=ANCESTOR_DUPLICATED][data-case] > * *", [12, 14]);
            test("div[id=ANCESTOR_DUPLICATED][data-case] * > *", [12, 14]);
            test("div[id=ancestor_duplicated][data-case] *", []);
            test("div[id=ancestor_duplicated][data-case] > * *", []);
            test("div[id=ancestor_duplicated][data-case] * > *", []);

            debug("Trivial Selector used as sibling filter");
            test("[id=simple_unique] + *", [2]);
            test("[id=simple_unique] ~ *", [2, 3, 4, 5, 10]);
            test("[id=simple_Duplicated] + *", [3, 4, 5]);
            test("[id=simple_Duplicated] ~ *", [3, 4, 5, 10]);
            test("[id=simple_duplicated] + *", []);
            test("[id=simple_duplicated] ~ *", []);

            debug("Trivial Selector used as sibling of ancestor filter");
            test("[id=simple_unique] + * > *", []);
            test("[id=simple_unique] ~ * > *", [6, 8, 11, 13]);
            test("[id=simple_Duplicated] + * > *", [6, 8]);
            test("[id=simple_Duplicated] ~ * > *", [6, 8, 11, 13]);
            test("[id=simple_duplicated] + * > *", []);
            test("[id=simple_duplicated] ~ * > *", []);
        </script>
        <script src="../../resources/js-test-post.js"></script>
    </body>
</html>