kit/tests/index.php

<script src="../assets/config/config.js"></script>
<script src="../assets/core/core.js"></script>
<script src="../assets/core/core.register.js"></script>

<div style="display: flex; flex-direction: column; align-items: center;">
    <script>
        var iframeList = [], iframe, i;
    </script>
    <?php
    $arFilesItems = glob(__DIR__ . '/*Test.php');
    foreach ($arFilesItems as $file) {
        $file = basename($file);
        $clName = substr($file, 0, -8);
        //echo "<a href=\"$file\"><b>$clName</b></a>";
        ?>
        <script>

            iframe = document.createElement("frame");
            iframe.src = '<?=$file?>';
            i = iframeList.push({
                fileName: '<?=$file?>',
                clName: '<?=$clName?>',
                iframe: iframe,
                // contentWindow: iframe.contentWindow,
                //document: iframe.contentWindow.document
            });


            // if (iframeDoc.readyState == 'complete') {
            //     iframeDoc.body.style.backgroundColor = 'green';
            // }
            // iframe.onload = function() {
            //     var iframeDoc2 = iframe.contentWindow.document;
            //     iframeDoc2.body.style.backgroundColor = 'orange';
            // }
        </script>
        <?
    }
    ?>

</div>

<script>
    kit.ready(['Collection', 'flexKit', 'loggerService'], function () {

        window.frameList = new kit.Collection(iframeList);

        frameList.map(function (frameData) {
            kit.service.logger.notice('<a href="'+frameData.fileName+'">'+frameData.clName+'</a>');
        });

        kit.service.logger.notice(' ');
        kit.service.logger.warning('FRAME LIST ...');
        kit.service.logger.notice(' ');

        console.log(frameList);
        frameList.map(function (data) {
            data.iframe.onload = function() {
                data.kit = data.iframe.contentWindow.kit;
                //console.log('kit',kit);
                data.kit.ready([], function () {
                    setTimeout(function () {
                        var log = [];
                        kit.service.logger.info(data.clName);
                        if(data.kit.service.logger){
                            log = data.kit.service.logger.collection.map(function (log) {
                                log.lvl++;
                                kit.service.logger.__log(log);
                            });
                        }

                    }, 1000);
                });
            };
            document.body.appendChild(data.iframe);
            data.window = data.iframe.contentWindow;
            data.document = data.iframe.contentWindow.document;
            data.kit = data.window.kit;
        })
    });
</script>
<div  class="kit-wrapper">
    <div class="kit-logger"></div>
</div>