script marko-init
    ---
    function nameDataProvider(callback) {
        setTimeout(function() {
            callback(null, {});
        }, 20);
    }
    ---

<!DOCTYPE html>
html lang="en"
    head
        meta charset="UTF-8"
        title -- Marko Components Tests
    body

        div id="test"
        div id="mocha"
        div id="testsTarget"

        app-foo

        await(name from nameDataProvider) client-reorder
            app-bar

        init-components

        script
            ---
            window.$initComponents();
            ---

        script
            ---
            // window.barComponent should not exist yet, but's store that in a variable to verify
            window.afterInitComponents_foo = window.fooComponent;
            window.afterInitComponents_bar = window.barComponent;
            ---

        await-reorderer

        script
            ---
            // window.fooComponent should not exist yet, but's store that in a variable to verify
            window.afterReorderer_foo = window.fooComponent;
            window.afterReorderer_bar = window.barComponent;
            ---
