kit/tests/tooltip2Test.php

<?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/modules/main/include/prolog_before.php");?>
<?
if(\Bitrix\Main\Loader::includeModule('wt.core')) {
    app()->service()->assets()->setPlugins([
        'kit:config',
        'kit:flex-kit',
        'kit:core',
        'kit:bsCore',
        'kit:collapse',
        'kit:site',
        'kit:toolkit',
        'kit:theme',
    ])->render();
}
$APPLICATION->ShowHead();

?>

<script>
    kit.ready(['Tooltip2', 'testing', 'Tooltip', 'animations'], function () {

        var unit = new kit.testing.Unit();

        unit.logger.info('Тестирование tooltip kit');

        var hint = new kit.Tooltip2('#master');
        hint.setContent('Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aut fugiat inventore, modi provident quia repellendus saepe sed sequi sit');
        hint.run();



        unit.assertSame(true, !!hint, 'Проверка наличия класса');
        unit.assertSame(true, !!hint.viewer, 'Проверка наличия viewer');
        unit.assertSame(true, !!hint.align, 'Проверка наличия align');
        unit.assertSame(true, !!hint.action, 'Проверка наличия action');
        unit.assertSame(hint, hint.masterNode.kit['tooltip2'], 'set kit data');

        var hint2 = new kit.Tooltip2('#master2');
        hint2.setContent('Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aut fugiat inventore, modi provident quia repellendus saepe sed sequi sit');
        hint2.run();
        var x = 0;
        var n = 0;
        hint2.viewer.onShowBefore.push(function () {
            if(x) {
                return
            }
            x = setInterval(function () {
                hint2.setContent(++n);
                hint2.render();
            }.bind(this), 50);
        });
        hint2.viewer.onHideBefore.push(function () {
            clearInterval(x);x = 0;
        });
    });
</script>

<div  class="kit-wrapper">
    <div style="padding: 100px;"><div id="master" style="width: 40px;height: 40px;background-color: #0a51ae;"></div></div>
    <div style="padding: 100px;"><div id="master2" style="width: 40px;height: 40px;background-color: #0a51ae;"></div></div>

    <div class="kit-logger"></div>
</div>

    <div style="width: 3000px; height: 3000px"></div>
<?
?>