@kumologica/sdk 3.0.26 → 3.0.27-beta10

package/src/app/ui/editor-client/src/js/ui/common/tabs.js

@@ -337,11 +337,26 @@ RED.tabs = (function () {
       }
     }
 
+    function getTabsMaxWidthAvailable() {
+      const workspaceWidth = $('#main-container').width();
+
+      const paletteWidth = $('#palette').is(':hidden')? 0 : $('#palette').width();
+      const sidebarWidth = $('#sidebar').is(':hidden')? 0 : $('#sidebar').width();
+      const sidebarShortcuts = $('#sidebar-shortcuts').width();
+      const occupied = paletteWidth + sidebarWidth + sidebarShortcuts;
+
+      return workspaceWidth - occupied;
+    }
+
     function updateTabWidths() {
       if (options.vertical) {
         return;
       }
       var tabs = ul.find('li.red-ui-tab');
+
+      // Update the width of the tabs container
+      $('#workspace').find('.red-ui-tabs').width(getTabsMaxWidthAvailable());
+
       var width = wrapper.width();
       var tabCount = tabs.size();
       var tabWidth;
@@ -371,7 +386,7 @@ RED.tabs = (function () {
         currentTabWidth = (100 * tabWidth) / width + '%';
         currentActiveTabWidth = currentTabWidth + '%';
         if (options.scrollable) {
-          tabWidth = Math.max(tabWidth, 60);
+          tabWidth = Math.max(tabWidth, 150); // minimum width for the tab
           currentTabWidth = tabWidth + 'px';
           currentActiveTabWidth = 0;
           var listWidth = Math.max(

package/src/app/ui/editor-client/src/js/ui/editor.js

@@ -1391,7 +1391,6 @@ RED.editor = (function () {
   }
 
   function resetEditor(){
-    // console.log('[editor] reset the editor')
     editStack.pop();
     RED.sidebar.nodeinfo.emptyTab();
     RED.actions.invoke('core:hide-sidebar');
@@ -1689,8 +1688,11 @@ RED.editor = (function () {
   }
 
   function showEditDialog(node) {
+    if (RED.sidebar.isDragging()){
+      return;
+    }
+
     let editing_node;
-    // console.log('[editor] showEditDialog. Node=', node);
     if (Object.keys(node).length === 0 && node.constructor === Object){
       resetEditor();
       return;
@@ -2869,8 +2871,6 @@ RED.editor = (function () {
     }
     if (options.mode === 'ace/mode/markdown') {
       $(el).addClass('node-text-editor-container-toolbar');
-      console.log('[editor] options', options);
-
       if (options.toolbar === false ){
         // do not show the toolbar
       } else {

package/src/app/ui/editor-client/src/js/ui/sidebar.js

@@ -3,7 +3,6 @@ RED.sidebar = (function () {
   var sidebar_tabs = RED.tabs.create({
     id: 'sidebar-tabs',
     onchange: function (tab) {
-      // console.log('[sidebar] - onChange | tab=', tab);
       $('#editor-stack').hide();
       $('#sidebar-content').children().hide();
       $('#sidebar-footer').children().hide();
@@ -111,89 +110,38 @@ RED.sidebar = (function () {
     RED.menu.removeItem('menu-item-view-menu-' + id);
   }
 
-  var sidebarSeparator = {};
-  sidebarSeparator.dragging = false;
+  // Dragable sidebar logic
+  let sidebarDragging = false;
+  let sidebarWidthP0 = null;
+  let delta = 0;
 
   $('#sidebar-separator').draggable({
     axis: 'x',
     start: function (event, ui) {
-      if (!startingPointSeparator){
-        startingPointSeparator = ui.position.left;
-      }
-      sidebarSeparator.closing = false;
-      sidebarSeparator.opening = false;
-      var winWidth = $(window).width();
-      sidebarSeparator.start = ui.position.left;
-      sidebarSeparator.workspaceWidth = $('#workspace').width();
-      sidebarSeparator.workspaceRight = parseInt($('#workspace').css('right'));
-      sidebarSeparator.dragging = true;
-
-      if (!RED.menu.isSelected('menu-item-sidebar')) {
-        sidebarSeparator.opening = true;
-        var newChartRight = 7;
-        $('#sidebar').addClass('closing');
-        $('#workspace').css('right', newChartRight);
-        $('#editor-stack').css('right', newChartRight + 1);
-        $('#sidebar').width(0);
-
-        RED.menu.setSelected('menu-item-sidebar', true);
-        RED.events.emit('sidebar:resize');
-      }
-      sidebarSeparator.width = $('#sidebar').width();
-      // console.log('Sidebar start point=', sidebarSeparator.start);
+      sidebarDragging = true;
+      sidebarWidthP0 = $('#sidebar').width();
+      delta = 0;
     },
     drag: function (event, ui) {
-      let d = ui.position.left - sidebarSeparator.start;
-      // sidebar should be original + the distance
-      // sidebarSeparator.width = sidebarSeparator.width - d ;
-      // newSidebarWidth = sidebarSeparator.width + 50;
-      // console.log(ui.position.left);
-      // console.log(`distance: ${d} -> new right for worspace: ${sidebarSeparator.workspaceRight - d}`);
-
-      // if (sidebarSeparator.opening) {
-      //   newSidebarWidth -= 3;
-      // }
-
-      const MIN_SIDEBAR_WIDTH = 435;
-      let desiredSidebarWidth = sidebarSeparator.width - d;
-      let desiredWorkspaceRight = sidebarSeparator.workspaceRight - d;
-
-      if (desiredSidebarWidth > 435){
-        // console.log(`Recalibrating sidebar width!!`)
-        $('#sidebar').width(desiredSidebarWidth);
-        $('#workspace').css('right', desiredWorkspaceRight);
-      } else{
-        // console.log('STOP THIS NOW!!!! IT IS TOO NARROW!!!');
-        $('#sidebar').width(433);
-        let sidebarWidth= $('#sidebar').width();
-        $('#workspace').css('right', 491);
-        // console.log('Window width=',$(window).width());
-        // let sidebarFinalPoint = $(window).width() - MIN_SIDEBAR_WIDTH - 50;
-        // console.log(`Sidebar final point: ${startingPointSeparator}`);
-        ui.position.left = startingPointSeparator; //$(window).width() - MIN_SIDEBAR_WIDTH - 50; // 11:width separator, 50: size icons
-        // console.log(`sidebar width after dragging end is: ${ sidebarWidth }`)
-        $('#sidebar').removeAttr('width');
+      let d = ui.position.left;
+      delta = sidebarWidthP0 - d;
+      $('#sidebar').width(delta);
+      if ($('#sidebar').width() > maxWidthSidebar()){
+        $('#sidebar').width(maxWidthSidebar());
       }
+      event.stopImmediatePropagation();
       RED.events.emit('sidebar:resize');
     },
     stop: function (event, ui) {
-      sidebarSeparator.dragging = false;
-      if (sidebarSeparator.closing) {
-        // console.log('sidebar-> stop: closing...')
-        $('#sidebar').removeClass('closing');
-        RED.menu.setSelected('menu-item-sidebar', false);
-        if ($('#sidebar').width() < 435) {
-          $('#sidebar').width(435);
-          $('#workspace').css('right', 491);
-          // $('#editor-stack').css('right', 188);
-        }
-      }
-      //$('#sidebar-separator').css('left', 'auto');
-      //$('#sidebar-separator').css('right', $('#sidebar').width() + 2 + 'px');
+      setTimeout(function() {
+        sidebarDragging = false;
+      },1000);
       RED.events.emit('sidebar:resize');
     },
   });
 
+
+
   var sidebarControls = $(
     '<div class="sidebar-control-right"><i class="fa fa-chevron-right"</div>'
   ).appendTo($('#sidebar-separator'));
@@ -201,37 +149,19 @@ RED.sidebar = (function () {
     sidebarControls.hide();
     RED.menu.toggleSelected('menu-item-sidebar');
   });
-  $('#sidebar-separator').on('mouseenter', function () {
-    if (!sidebarSeparator.dragging) {
-      if (RED.menu.isSelected('menu-item-sidebar')) {
-        sidebarControls
-          .find('i')
-          .addClass('fa-chevron-right')
-          .removeClass('fa-chevron-left');
-      } else {
-        sidebarControls
-          .find('i')
-          .removeClass('fa-chevron-right')
-          .addClass('fa-chevron-left');
-      }
-      sidebarControls.toggle('slide', { direction: 'right' }, 200);
-    }
-  });
-  $('#sidebar-separator').on('mouseleave', function () {
-    if (!sidebarSeparator.dragging) {
-      sidebarControls.hide();
-    }
-  });
 
-  function maximizeSidebar(){
+  function maxWidthSidebar() {
     const totalWidth = $('#main-container').width();
     const shortcutsWidth = 50;
     const paletteWidth = $('#palette').width();
     const sidebarSeparatorWidth = $('#sidebar-separator').width()
 
-    const targetWidth = totalWidth - shortcutsWidth - paletteWidth - sidebarSeparatorWidth;
+    return totalWidth - shortcutsWidth - paletteWidth - sidebarSeparatorWidth;
+  }
+
+  function maximizeSidebar(){
+    const targetWidth = maxWidthSidebar();
     $('#sidebar').width(targetWidth);
-    $('#sidebar-separator').css('left', paletteWidth);
     
     // Hack: Make sure the workspace if reset before maximizing the sidebar. This is because when dragging the sidebar the workspace width is also modified
     $('#workspace').css('right', 491);
@@ -242,7 +172,7 @@ RED.sidebar = (function () {
     const offsetWidth = 435;
 
     $('#sidebar').width(offsetWidth);
-    $('#sidebar-separator').css('left', '');
+    // $('#sidebar-separator').css('left', '');
     RED.events.emit('sidebar:resize');
   }
 
@@ -251,7 +181,6 @@ RED.sidebar = (function () {
   }
 
   function toggleSidebar(state) {
-    // console.log(`[sidebar] toggling the sidebar to: ${state} ...`);
     let checkIfscrollWorkspaceRequired = false;
     if (!state) {
       // Hide the sidebar and sidebar-separator
@@ -283,11 +212,13 @@ RED.sidebar = (function () {
       // `);
       if (nodeSelectedPosX - initialScrollLeft + safeDistNodeSidebar > sidebarPosLeftX ){
         let targetScrollLeft = nodeSelectedPosX - sidebarPosLeftX  +  safeDistNodeSidebar;
-        // console.log(`[sidebar] TargetScrollLeft: (${targetScrollLeft})...`);
         $('#chart').animate( { scrollLeft:  targetScrollLeft})
       }
     }
-     
+  }
+
+  function isSidebarDragging() {
+    return sidebarDragging;
   }
 
   function showSidebar(id) {
@@ -317,12 +248,11 @@ RED.sidebar = (function () {
     });
 
     //hide the sidebar-separator
-    $('#sidebar-separator').hide();
+    // $('#sidebar-separator').hide();
 
   }
 
   function selectTab(index){
-    // console.log('[sidebar] selectTab clicked with index=', index);
     let selectedTab = $('#sidebar-shortcuts').find('.sidebar-shortcuts-icons').children()[index];
     // Click only if has not been selected
     // console.log('[sidebar] selectedTab.hasClass(selected)=', selectedTab.hasClass('selected'));
@@ -345,14 +275,9 @@ RED.sidebar = (function () {
       toggleSidebar(true);
 
       //show the sidebar-separator
-      let sidebarSeparator = $('#sidebar-separator');
-      sidebarSeparator.show();
-
-      // resize the workspace to adjust to the left of the sidebar separator
-      let sidebarSepatorToRight = sidebarSeparator.position().left;
-      let mainContainerWidth = $('#main-container').width();
-      let targetRightPosToWorkspace = mainContainerWidth - sidebarSepatorToRight - 1;
-      $('#workspace').css('right', targetRightPosToWorkspace);
+      // let sidebarSeparator = $('#sidebar-separator');
+      // sidebarSeparator.show();
+      
       // Select internally the tab
       if (e && e.hasOwnProperty('selectIndex')){
         selectTab(e.selectIndex); 
@@ -360,8 +285,12 @@ RED.sidebar = (function () {
     });
 
     RED.actions.add('core:hide-sidebar', function(){
-      toggleSidebar(false);
-      deselectAll();
+      if (!sidebarDragging){
+        toggleSidebar(false);
+        deselectAll();
+      }else {
+        console.log('[sidebar] Ignoring hide-sidebar as dragging is still enabled')
+      }
     });
     
     // RED.popover.tooltip(
@@ -375,11 +304,13 @@ RED.sidebar = (function () {
     RED.sidebar.nodeinfo.init();
     RED.sidebar.info.init();
     RED.sidebar.test.init();
+    RED.sidebar.git.init();
     RED.sidebar.kumohub.init();
     RED.sidebar.azure.init();
     RED.sidebar.awsDeploy.init();
 
 
+
     // hide info bar at start if screen rather narrow...
     // if ($(window).width() < 600) {
     //   RED.menu.setSelected('menu-item-sidebar', false);
@@ -404,6 +335,7 @@ RED.sidebar = (function () {
     restore: restoreSidebar,
     deselectAll: deselectAll,
     selectTab: selectTab,
-    isSidebarVisible: isSidebarVisible
+    isSidebarVisible: isSidebarVisible,
+    isDragging: isSidebarDragging,
   };
 })();

package/src/app/ui/editor-client/src/js/ui/tab-git.js

@@ -0,0 +1,320 @@
+RED.sidebar.git = (function(){
+
+    let tabContent;
+    let sections;
+    let stackContainer;
+    const PUSHING_LABEL = 'Pushing...';
+    const COMMIT_MESSAGE_LABEL = `Commit message... (ctrl+enter to commit)`;
+    let initalizationRequired = true;
+
+    const simpleGit = window.__kumologica.libs.simpleGit;
+
+    function getGitOptions() {
+        return {
+            baseDir: window.__kumologica.settings.projectDir,
+            binary: 'git',
+            maxConcurrentProcesses: 6,
+            trimmed: false,
+            // config: ['http.proxy=someproxy']
+        }
+    }
+
+    function initHTML() {
+        tabContent = document.createElement('div');
+        tabContent.className = 'sidebar-git';
+
+        RED.actions.add('core:show-git-tab', show);
+
+        stackContainer = $('<div>', {
+            class: 'sidebar-node-info-stack',
+        }).appendTo(tabContent);
+
+        // Append the header
+        let headerContentHtml = `
+        <div class="sidebar-title-wrapper">
+            <div style="display:flex;flex-direction:column;padding-right:10px; width:100%">
+                <div id="sidebar-title-wrapper-left" style="display:flex">
+                    <span>Source Control</span>
+                </div>
+
+                <div id="sidebar-git-body">
+                    <div id="sidebar-git-error-wrapper" style="display:none">
+                        <span><b>The directoryLocal is not under git source control</b> 
+                        <span>The project {projectDir} is not a git repository</span>
+                    </div>
+                    <div id="sidebar-git-general-options-wrapper">
+                        <div id="sidebar-git-general-pullpush-wrapper">
+                            <a id="sidebar-git-push-btn" class="sidebar-header-button" href="#" style="display:flex; margin-right: 5px;">
+                                <span id="git-ahead" style="display:none"><i class="icofont-arrow-up"></i><span id="git-ahead-value" style="margin-right:4px"></span></span>
+                                <span id="git-behind" style="display:none"><i class="icofont-arrow-down"></i><span id="git-behind-value" style="margin-right:4px"></span></span>
+                                <span id="git-push-label">Push</span>
+                            </a>
+                            <!-- reload btn -->
+                            <a id="sidebar-git-reload-btn" class="sidebar-header-button" href="#">
+                                <i id="git-reload-icon" class="fa fa-refresh" aria-hidden="true"></i>
+                            </a>
+                        </div>
+                    </div>
+
+                    <div id="pending-commit-wrapper">
+                        <div id="sidebar-git-commit-msg-wrapper">
+                            <textarea id="sidebar-git-commit-msg" rows="4" placeholder="${COMMIT_MESSAGE_LABEL}" style="min-height:130px"></textarea>
+                        </div>
+                        <div id="sidebar-git-commit-options-wrapper">
+                            <div id="sidebar-git-branch-info-wrapper">
+                                Commit to  
+                                <div id="sidebar-git-branch"></div>
+                                branch
+                            </div>
+                            <div id="sidebar-git-commit-wrapper">
+                                <!-- commit btn -->
+                                <a id="sidebar-git-commit-btn" class="sidebar-header-button" href="#" style="width: 70px; color: white !important; background: #2979ff; margin-right:5px">
+                                    Commit
+                                </a>
+                                <!-- commit & push btn -->
+                                <a id="sidebar-git-commitpush-btn" class="sidebar-header-button" href="#" style="width: 140px;">
+                                    Commit and Push...
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div id="git-not-initialized" style="display:none">
+                    <div style="display:flex; flex-direction: column; align-items: center; margin-top: 150px">
+                        <div><i class="fa fa-code-fork" style="font-size: 56px; color: lightgrey;"></i></div>
+                        <div style="font-weight: bold; font-size: 22px; margin-top: 15px;color: grey;">Unversioned project</div>
+                        <div style="margin-top: 5px; color: grey;font-weight: 400; font-size: 13px;">Git repository not found on project directory</div>
+                    </div>
+                </div>
+            </div>
+          </div>
+        `;
+
+        $(headerContentHtml).appendTo(stackContainer);
+
+        RED.sidebar.addTab({
+            id: 'git',
+            label: ' Git',
+            name: 'Source Control',
+            iconClass: 'fa fa-code-fork',
+            action: 'core:show-git-tab',
+            content: tabContent,
+            pinned: true,
+            enableOnEdit: true,
+            onchange: refreshTab,
+            onsame: onsame
+        })
+    }
+
+    function reloading(){
+        $('#git-reload-icon').addClass('fa-spin');
+    }
+
+    function resetReload(){
+        $('#git-reload-icon').removeClass('fa-spin');
+    }
+
+    function initJS() {
+        $('#sidebar-git-commit-msg').keydown(e => {
+            if ((e.ctrlKey || e.metaKey) && (e.keyCode == 13 || e.keyCode == 10)) {
+                $('#sidebar-git-commit-btn').click();
+            }
+        })
+        $('#sidebar-git-commit-btn').click(async e => {
+            let commitMessage = $('#sidebar-git-commit-msg').val();
+            addAllAndCommit(commitMessage);
+            await wait(2000);
+            checkGitStatus();
+        });
+        
+        $('#sidebar-git-commitpush-btn').click(async e => {
+            let commitMessage = $('#sidebar-git-commit-msg').val();
+            addAllAndCommit(commitMessage);
+            await wait(3000);
+            pushChanges();
+        });
+
+        $('#sidebar-git-reload-btn').click(async e => {
+            reloading();
+            checkGitStatus();
+            await wait(1000);
+            resetReload();
+        });
+
+        $('#sidebar-git-push-btn').click(e => {
+            if ($('#sidebar-git-push-btn').html() !== PUSHING_LABEL){
+                pushChanges();
+            }
+        });
+    }
+
+    function renderInitializationRequired() {
+        $('#sidebar-git-body').hide();
+        $('#git-not-initialized').show();
+        initalizationRequired = true;
+    }
+
+    function renderGitInitialized() {
+        $('#sidebar-git-body').show();
+        $('#git-not-initialized').hide();
+        initalizationRequired = false;
+    }
+
+    async function checkGitStatus(){
+        if (initalizationRequired) {
+            $('#sidebar-git-body').hide();
+            $('#git-not-initialized').hide();
+        }
+        const git = simpleGit(getGitOptions());
+        try{
+            // ==> Compare with stage
+            const status = await git.status()
+            if ( status.not_added.length > 0 ||
+                status.created.length > 0 ||
+                status.deleted.length > 0 ||
+                status.modified.length > 0 ||
+                status.renamed.length > 0 ) {
+                    allowCommits();
+            } else {
+                disallowCommits()
+            }
+            let newStatus = await git.status(['-','sb']);  // newStatus = {ahead, behind, current, tracking};
+            renderGitInitialized();
+            $('#sidebar-git-branch').html(newStatus.current);
+            renderAhead(newStatus.ahead);
+            renderBehind(newStatus.behind);
+        }catch(err){
+            renderInitializationRequired();
+        }
+    }
+
+    async function wait(msecs){
+        await sleep(msecs);
+    }
+
+    function sleep(ms) {
+        return new Promise((resolve) => {
+            setTimeout(resolve, ms);
+        });
+    }
+
+    function renderAhead(numCommits){
+        if (numCommits === 0){
+            $('#git-ahead').hide();
+        } else {
+            $('#git-ahead-value').html(numCommits);
+            $('#git-ahead').show();
+        }
+    }
+
+    function renderBehind(numCommits){
+        if (numCommits === 0){
+            $('#git-behind').hide();
+        } else {
+            $('#git-behind-value').html(numCommits);
+            $('#git-behind').show();
+        }
+    }
+
+    function showPushing() {
+        $('#git-ahead').hide();
+        $('#git-behind').hide();
+        $('#git-push-label').html(PUSHING_LABEL);
+    }
+
+    function resetPushButton() {
+        $('#git-push-label').html('Push');
+    }
+
+    async function pushChanges() {
+        const git = simpleGit(getGitOptions());
+        try{
+            let currentBranch = await readCurrentBranch();
+            showPushing();
+            const result = await git.push('origin', currentBranch);
+            RED.notify(`Changes pushed successfully`, 'success', undefined, 800);
+        } catch(e) {
+            let notification = RED.notify(`<strong>Error</strong>: ${e.message}`, {
+                type: 'error',
+                modal: true,
+                fixed: true,
+                buttons: [
+                    {
+                        text: "Cancel",
+                        click: function() {
+                            notification.close();
+                        }
+                    }
+                ]
+            });
+
+        } finally {
+            resetPushButton();
+            checkGitStatus();
+        }
+    }
+
+    async function addAllAndCommit(message){
+        const git = simpleGit(getGitOptions());
+        try{
+            await git.add('./*').commit(message);
+            disallowCommits();
+            RED.notify(`Changed committed successfully`, 'success', undefined, 800);
+        } catch(e) {
+            RED.notify(`<strong>Error</strong>: ${e.message}`, 'error');
+            clearCommitMessage();
+        }
+    }
+
+    async function readCurrentBranch(){
+        const git = simpleGit(getGitOptions());
+        try{
+            const localBranches = await git.branchLocal();
+            return localBranches.current;
+        }catch(e){
+            RED.notify(`<strong>Error</strong>: ${e.message}`, 'error');
+            return ''
+        }
+        
+    }
+    function allowCommits() {
+        $("#sidebar-git-commit-msg").attr("placeholder", `${COMMIT_MESSAGE_LABEL}`).val("");
+        $("#sidebar-git-commit-msg").attr("disabled", false);
+        $('#sidebar-git-commit-wrapper').show();
+    }
+    function disallowCommits() {
+        $("#sidebar-git-commit-msg").attr("placeholder", "Nothing to commit").val("").focus().blur();
+        $("#sidebar-git-commit-msg").attr("disabled", true)
+        $('#sidebar-git-commit-wrapper').hide();
+    }
+
+    function clearCommitMessage() {
+        $('#sidebar-git-commit-msg').val('');
+    }
+
+    function init() {
+        initHTML();
+        initJS();
+    }
+
+    function show() {
+        RED.sidebar.show('git');
+        checkGitStatus();
+    }
+
+    function refreshTab(silently){
+        if (!silently) {
+            RED.actions.invoke('core:show-sidebar');
+        }
+        checkGitStatus();
+    }
+
+    function onsame(){
+        RED.actions.invoke('core:hide-sidebar');
+      }
+
+    return {
+        init: init,
+        show: show,
+    }
+})();

package/src/app/ui/editor-client/src/js/ui/tab-test.js

@@ -575,9 +575,6 @@ RED.sidebar.test = (function() {
     // Clear the cache of debug messages
     $('#test-debug-messages-caches').empty();
 
-    // Check if traceability is enabled
-    let traceabilityEnabled = $('#isTraceabilitySelected').is(':checked');
-
     // Run the selected case
     // - check whether there is only one test case to run or we should run all of them
     if (testCaseIdSelected) {
@@ -594,7 +591,7 @@ RED.sidebar.test = (function() {
           createDebugMessageCache(testNodes[i].id);
           try{
             // console.log(`[tab-test] Running testcase: ${testNodes[i].id} ...`, )
-            await window.__kumologica.libs.testFlow('{}', testNodes[i].id, environment, traceabilityEnabled);
+            await window.__kumologica.libs.testFlow('{}', testNodes[i].id, environment);
           }catch(err){
             console.log('[tab-test] error found: ', err);
           }
@@ -602,7 +599,7 @@ RED.sidebar.test = (function() {
       } else {
         try {
           createDebugMessageCache(testCaseIdSelected);
-          await window.__kumologica.libs.testFlow('{}', testCaseIdSelected, environment, traceabilityEnabled);
+          await window.__kumologica.libs.testFlow('{}', testCaseIdSelected, environment);
         } catch(err) {
           console.log('[tab-test] error found: ', err);
           //App.notify(`Error found: ${JSON.stringify(err)}`, { type: 'error'});