kit/tests/bsToastsTest.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(['bsToastService', 'testing', 'date', ], function () {

        var unit = new kit.testing.Unit();
        unit.logger.info('Тест bootstrap.Toast 5.1.3');
        unit.logger.info('Тест service.toast');
        unit.logger.notice(' ');

        var audio = new Audio('https://issue.megapolis-it.ru/local/media/new_message_tone.mp3');


        kit.service.toast.onShow.push(function (toast, node) {
            unit.logger.info(toast.data.title, toast.data);
            audio.play();
        });

        var intervalId = setInterval(function(){
            kit.service.toast.info('Новая заявка', 'Заявка от Пупкина на дальний склад. Очень срочно! Нужно еще вчера...', kit.date('H:i:s'));
        }, 5000);


        var stop = function(){
            clearInterval(intervalId);
        };
    });
</script>

<div  class="kit-wrapper">
    <div class="kit-logger"></div>
</div>
    <style>
        img, svg {
            vertical-align: middle;
        }
        .me-2 {
            margin-right: 0.5rem !important;
        }
        .rounded {
            border-radius: 0.25rem !important;
        }
        .bd-placeholder-img {
            font-size: 1.125rem;
            text-anchor: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
        }
    </style>
<?
?>