<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="resources/regions.css" type="text/css"></link>
        <script src="../resources/runner.js"></script>
        <script src="resources/regions.js"></script>
        <style type="text/css">
        #log {
            position: fixed;
        }
        </style>
    </head>
    <body>
        <pre id="log"></pre>
        <script>
            function performSelectionMixedContent() {
                var paragraphs = document.getElementsByClassName("contentParagraph");
                var selection = getSelection();

                selection.collapse(paragraphs[paragraphs.length / 2], 0);

                // Traverse the paragraphs following visual order and not DOM order.
                for (var i = 1; i < paragraphs.length; i++) {
                    var paragraph;
                    if (i % 2)
                        paragraph = paragraphs[(i - 1) / 2];
                    else
                        paragraph = paragraphs[(paragraphs.length + i) / 2];
                    selection.extend(paragraph, 0);
                }
            }

            function createRegionsExtendingSelectionMixedContentTest(regionCount) {
                var article = createArticle(regionCount, 1);
                article.className = "articleInFlow";
                var container = createMixedContent(regionCount);
                document.body.appendChild(article);
                document.body.appendChild(container);
                return {
                    description: "Testing selection with mixed content (" + regionCount + " regular paragraphs and " + regionCount + " regions). Select text from first paragraph to last one passing through all the paragraphs.",
                    run: function() {
                        performSelectionMixedContent();
                    },
                    setup: function() {
                        window.getSelection().removeAllRanges();
                    },
                    done: function() {
                        document.body.removeChild(article);
                        document.body.removeChild(container);
                        templateParagraph = null;
                        templateRegion = null;
                    }
                };
            }

            PerfTestRunner.measureTime(createRegionsExtendingSelectionMixedContentTest(100));
        </script>
    </body>
</html>