@kumologica/sdk 3.4.0 → 3.5.0-beta2

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

@@ -574,6 +574,8 @@ RED.sidebar.awsDeploy = (function () {
       return;
     }
 
+    console.log(`attaching data list for ${serviceType} ${itemId} ${dataListId}`);
+
     $(`#${dataListId}`).empty();
     try {
       let services = await window.__kumologica.cloud.listServices(serviceType);
@@ -590,6 +592,7 @@ RED.sidebar.awsDeploy = (function () {
             $('<option>').attr('value', item.id).text(item.name)
           );
         });
+
         $(`#${itemId}`).attr('list', dataListId);
 
         $(itemId).change(function () {
@@ -625,6 +628,27 @@ RED.sidebar.awsDeploy = (function () {
       $(itemId).change(function () {
         saveSettings();
       });
+
+      // api got 2 levels dependency lists
+      if (serviceType === "api") {
+ 
+        $(itemId).on('input', function() {
+          let id = $(this).val(); // api id
+          alert("Make Ajax call here.2");
+          
+          $(`#${dataListId}`).find("option").each(function() {
+            console.log($(this).val() + "<>" + id);
+            if ($(this).val() === id) {   
+              // api id has been selected, populate stages and parentIds
+              // find itemId of stage
+              const stageItemId = itemId.replace("-api", "-stage");
+              const parentItemId = itemId.replace("-api", "-parentId");
+             // console.log("stage " + stageItemId + " parnet " + parentItemId);
+              //alert("Make Ajax call here.2");
+            }
+          })
+        })
+      }
     }
   }
 
@@ -643,6 +667,7 @@ RED.sidebar.awsDeploy = (function () {
     return msg;
   }
 
+  // functions adds trigger definition to the list
   function eventTableHtml(eventSource, values, itemId, dataListId) {
     html = `  
       <table id="cloud-fn-event-table" class="node-info" style="table-layout: fixed; padding: 0px; margin: 0px;">
@@ -654,7 +679,7 @@ RED.sidebar.awsDeploy = (function () {
           </tr>
         </thead>
         <tbody>`;
-
+  
     // add parameters
     parameterSets[eventSource].forEach(function (p, i) {
       let placeholder = 'optional';
@@ -673,7 +698,7 @@ RED.sidebar.awsDeploy = (function () {
       if (p.list) {
         html += `
           <td style="background: white; width:46%">
-            <select type="text" class="palette-textinput" id="${itemId}-${i}" style="float: left; width: 100%; padding: 0px; outline: 0px solid #ccc; ">
+            <select type="text" class="palette-textinput" id="${itemId}-${p.key}" style="float: left; width: 100%; padding: 0px; outline: 0px solid #ccc; ">
         `;
         $.each(p.list, function () {
           if (values && this.v == values[p.key]) {
@@ -688,7 +713,7 @@ RED.sidebar.awsDeploy = (function () {
       } else if (p.function) {
         html += `
           <td style="background: white; width:46%">
-            <input id="${itemId}-${i}" 
+            <input id="${itemId}-${p.key}" 
               class="palette-textinput" type="text" 
               list="${dataListId}"
               placeholder="required" style="width:100%" 
@@ -703,7 +728,7 @@ RED.sidebar.awsDeploy = (function () {
       } else {
         html += `
           <td style="background: white; width:46%">
-            <input id="${itemId}-${i}" class="palette-textinput" type="text" placeholder="${placeholder}" style="width:100%" value="${
+            <input id="${itemId}-${p.key}" class="palette-textinput" type="text" placeholder="${placeholder}" style="width:100%" value="${
           values == undefined || values[p.key] == undefined ? '' : values[p.key]
         }" ${requiredAttribute}>
           </td>
@@ -1387,7 +1412,7 @@ RED.sidebar.awsDeploy = (function () {
   ];
   parameterSets['websocket'] = [
     {
-      label: 'ApiId',
+      label: 'Api Id',
       key: 'apiId',
       value: '',
       required: true,

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

@@ -1,4 +1,4 @@
-RED.sidebar.test = (function() {
+RED.sidebar.test = (function () {
   let editors = {};
 
   // html anchors
@@ -8,7 +8,7 @@ RED.sidebar.test = (function() {
   let stackContainer;
   let testNodes;
   let triggeredTest; // Flag to indicate when launch a test. As we dont want to launch test for every deployment
-  
+
   // control variables
   let testCaseIdSelected; // nodeID | __runall | undefined
   let environmentSelected;
@@ -23,7 +23,7 @@ RED.sidebar.test = (function() {
 
   function updateTestCaseInit(event, msg) {
     let { testCaseID, testCaseDescription } = msg.payload.testCase;
-     
+
     // sanitize the testCaseId, i.e. removing dots as jquery selector does not like it
     let testCaseId = testCaseID.replace(/\./g, '_');
 
@@ -74,8 +74,8 @@ RED.sidebar.test = (function() {
       })
       .appendTo(testcaseTabs);
 
-      // This is the dropzone for content that will be selected in the tabs
-      $(`<div class="testcase-info-container">
+    // This is the dropzone for content that will be selected in the tabs
+    $(`<div class="testcase-info-container">
       <div id="testcase-info-response-${testCaseId}" class="testcase-info selected">
       <div style="display: flex; justify-content: flex-end; margin-right: 10px"><span class="testcase-resp-status">Status: </span><span id="testcase-status-${testCaseId}" style="font-size: 12px; color:#2979ff; margin-right: 4px"></span></div>
         <div id="testcase-info-response-header">
@@ -126,11 +126,11 @@ RED.sidebar.test = (function() {
     });
 
     // Create an editor the the response body
-    editors[testCaseId] =  RED.editor.createEditor({
+    editors[testCaseId] = RED.editor.createEditor({
       id: `testcase-resp-body-${testCaseId}`,
       lineNumbers: true,
       showFoldWidgets: true,
-      mode:"ace/mode/text",
+      mode: "ace/mode/text",
       options: {
         wrap: true
       }
@@ -140,24 +140,24 @@ RED.sidebar.test = (function() {
     $(`#testcase-info-response-bodyformat-${testCaseId}`).on('change', function (e) {
       var valueSelected = this.value;
       switch (valueSelected) {
-        case 'json': 
+        case 'json':
           let rjson = editors[testCaseId].getSession().getValue();
           let prjson = JSON.parse(rjson);
           editors[testCaseId].getSession().setValue(JSON.stringify(prjson, null, 2));
-          editors[testCaseId].getSession().setMode('ace/mode/json'); 
+          editors[testCaseId].getSession().setMode('ace/mode/json');
           break;
-        case 'xml': 
-          editors[testCaseId].getSession().setMode('ace/mode/xml'); 
+        case 'xml':
+          editors[testCaseId].getSession().setMode('ace/mode/xml');
           let vxml = editors[testCaseId].getSession().getValue();
           editors[testCaseId].getSession().setValue(formatXml(vxml));
           break;
-        case 'html': 
-          editors[testCaseId].getSession().setMode('ace/mode/html'); 
+        case 'html':
+          editors[testCaseId].getSession().setMode('ace/mode/html');
           let vhtml = editors[testCaseId].getSession().getValue();
           editors[testCaseId].getSession().setValue(formatXml(vhtml));
           break;
-        default: 
-          editors[testCaseId].getSession().setMode('ace/mode/text'); 
+        default:
+          editors[testCaseId].getSession().setMode('ace/mode/text');
           break
       }
     });
@@ -169,10 +169,10 @@ RED.sidebar.test = (function() {
       })
     });
 
-    $(`#testcase-info-copypaste-container-${testCaseId}`).click(e=> {
+    $(`#testcase-info-copypaste-container-${testCaseId}`).click(e => {
       RED.clipboard.copyText(
-        editors[testCaseId].getSession().getValue(), 
-        $(`#testcase-info-copypaste-container-${testCaseId}`), 
+        editors[testCaseId].getSession().getValue(),
+        $(`#testcase-info-copypaste-container-${testCaseId}`),
         'Response Copied to Clipboard');
     });
 
@@ -180,14 +180,14 @@ RED.sidebar.test = (function() {
   }
 
   function formatXml(xml, tab) { // tab = optional indent value, default is tab (\t)
-    var formatted = '', indent= '';
+    var formatted = '', indent = '';
     tab = tab || '\t';
-    xml.split(/>\s*</).forEach(function(node) {
-        if (node.match( /^\/\w/ )) indent = indent.substring(tab.length); // decrease indent by one 'tab'
-        formatted += indent + '<' + node + '>\r\n';
-        if (node.match( /^<?\w[^>]*[^\/]$/ )) indent += tab;              // increase indent
+    xml.split(/>\s*</).forEach(function (node) {
+      if (node.match(/^\/\w/)) indent = indent.substring(tab.length); // decrease indent by one 'tab'
+      formatted += indent + '<' + node + '>\r\n';
+      if (node.match(/^<?\w[^>]*[^\/]$/)) indent += tab;              // increase indent
     });
-    return formatted.substring(1, formatted.length-3);
+    return formatted.substring(1, formatted.length - 3);
   }
 
   function updateTestCaseStart(event, msg) {
@@ -209,21 +209,21 @@ RED.sidebar.test = (function() {
 
   }
 
-  function convertBodyToString(body){
+  function convertBodyToString(body) {
     let typeBody = typeof body;
 
-    if (typeBody === 'object'){
+    if (typeBody === 'object') {
       return JSON.stringify(body, null, 2);
-    }else if (typeBody === 'string') {
+    } else if (typeBody === 'string') {
       //return body.replace(/['"]+/g, '');;
       return body;
     } else {
       return ""
     }
-   
+
   }
 
-  function attachHeaders(headers, testCaseId){
+  function attachHeaders(headers, testCaseId) {
     let headersContainerEl = $(`#testcase-resp-headers-${testCaseId}`);
     for (let header in headers) {
       $(`
@@ -238,7 +238,7 @@ RED.sidebar.test = (function() {
     }
   }
 
-  function changeTabSelection(key, testCaseId){
+  function changeTabSelection(key, testCaseId) {
     // if headers selected, then disable the output format and wrap line option
     if (key === 'headers') {
       $(`#testcase-info-response-bodyformat-container-${testCaseId}`).hide();
@@ -264,7 +264,7 @@ RED.sidebar.test = (function() {
     $(`#testcase-resp-${key}-${testCaseId}`).addClass('selected');
   }
 
-  function selectTestcaseTab(key, testCaseID){
+  function selectTestcaseTab(key, testCaseID) {
     // Reset the tabs
     $(`#testcase-tab-assertion-${testCaseID}`).removeClass('selected');
     $(`#testcase-tab-response-${testCaseID}`).removeClass('selected');
@@ -289,14 +289,14 @@ RED.sidebar.test = (function() {
     let status = 'passed';
 
     // Check whether the testcase is failed or not ...
-    for (let i=0; i < assertionResults.length; i++){
+    for (let i = 0; i < assertionResults.length; i++) {
       if (assertionResults[i].status === 'failed') {
         status = 'failed';
         break;
       }
     }
     // Find the testcase section
-    if (status === 'failed'){
+    if (status === 'failed') {
       $(`#section-${testCaseId}`).parent().parent().addClass('failed');
     } else {
       $(`#section-${testCaseId}`).parent().parent().addClass('passed');
@@ -309,7 +309,7 @@ RED.sidebar.test = (function() {
     let testCaseId = testCaseID.replace(/\./g, '_')
 
     let assertionSectionHtml
-    if (status === 'failed'){
+    if (status === 'failed') {
       assertionSectionHtml = `
       <div class="assertion assertion-failed" style="display: flex; flex-direction: column;">
         <div style="display:flex; align-items: center;">
@@ -327,34 +327,35 @@ RED.sidebar.test = (function() {
       </div>
       `;
     }
-    
+
     let testCaseAssertionsContainer = $(`#testcase-info-assertion-${testCaseId}`)
 
     $(assertionSectionHtml).appendTo(testCaseAssertionsContainer);
     testCaseSection.container.show();
   }
 
-  function onsame(){
+  function onsame() {
     RED.actions.invoke('core:hide-sidebar');
   }
 
   // Refresh the test tab
   // silently - if true, we will update the nodes if required, but do not show the sidebar. Used primarily for the save button
   function refreshTab(silently) {
-    if (!silently){
+    console.log('[tab-test] refreshTab, silently=', silently);
+    if (!silently) {
       RED.actions.invoke('core:show-sidebar');
     }
 
     // Append to the selector all testcases found in the project
     let $testSidebarTestcases = $('#test-sidebar-testcases');
-    
+
     // Searching for all testcases in the test.flow node.
     let testcasenodes = App.nodes.filterNodes({ type: 'TestCase' });
     // Searching for all HTTP testcases in the test.flow node.
     let httptestcasenodes = App.nodes.filterNodes({ type: 'HTTPTestCase' });
 
     testNodes = testcasenodes.concat(httptestcasenodes);
-    
+
 
     if (testNodes && Array.isArray(testNodes) && testNodes.length > 0) {
       $('#test-sidebar-notestfound-explainer').hide();
@@ -371,7 +372,7 @@ RED.sidebar.test = (function() {
       );
       $testSidebarTestcases.append(
         `<option value="${RUN_ALL_TEST_CASES}"> Run all TestCases</option>`
-      ); 
+      );
       // Check which option will be selected
       // a) If nothing was selected, select the empty
       if (testCaseIdSelected === undefined || testCaseIdSelected === null) {
@@ -392,6 +393,10 @@ RED.sidebar.test = (function() {
       $('#test-sidebar-notestfound-explainer').show();
     }
 
+    // Notify the footer about the changes in the testCase dropdown
+    refreshTestCases();
+
+    // Refresh the values of the environments in case there was a change in the config
     refreshEnvironments();
   }
 
@@ -400,23 +405,33 @@ RED.sidebar.test = (function() {
     if (config) {
       // Preselect the last testCase selected
       testCaseIdSelected = config.getLatestSelectedTestCase();
-  
+
       $(`#test-sidebar-testcases option[value="${testCaseIdSelected}"]`).attr(
         'selected',
         true
       );
+
+      let testCaseSelectedName = $('#test-sidebar-testcases option:selected').text()
+      console.log(`[tab-test] refreshTestCases invoked with id=${testCaseIdSelected}`);
+      console.log(`[tab-test] refreshTestCases invoked with name=${testCaseSelectedName}`);
+
+      RED.actions.invoke('test:change-testcase-selected',
+        {
+          id: testCaseIdSelected,
+          name: testCaseSelectedName
+        });
     }
-    
+
   }
 
   function refreshEnvironments() {
-    let config =  window.__kumologica.settings.testConfig;
+    let config = window.__kumologica.settings.testConfig;
     if (config) {
-      let environmentsList =config.listEnvironments();
+      let environmentsList = config.listEnvironments();
 
       let $testSidebarEnvironments = $('#test-sidebar-environments');
       $testSidebarEnvironments.empty();
-  
+
       // Attach the "no environments" option
       $testSidebarEnvironments.append(
         `<option value="__no_environment__">No Environment</option>`
@@ -426,7 +441,7 @@ RED.sidebar.test = (function() {
           `<option value=${e}>${e}</option>`
         );
       });
-  
+
       // Select the latest environment
       environmentSelected = window.__kumologica.settings.testConfig.getLatestSelectedEnvironment();
       $(`#test-sidebar-environments option[value="${environmentSelected}"]`).attr('selected', true);
@@ -440,16 +455,16 @@ RED.sidebar.test = (function() {
    * this to keep fake new row at the bottom. 
    */
   function refreshProperties() {
-    if (window.__kumologica.settings.testConfig){
+    if (window.__kumologica.settings.testConfig) {
       let envvars = window.__kumologica.settings.testConfig.listVariablesByEnvironment();
       // Clean up the table before starting injecting the new variables.
       $('#table-test-properties').empty();
-  
+
       envvars.forEach(ev => {
         attachPropertyRow(ev.key, ev.value);
       })
     }
-    
+
   }
 
   function init() {
@@ -466,7 +481,7 @@ RED.sidebar.test = (function() {
     ipcRenderer.on('test:assertion-report', updateTestCaseAssertion);
 
     ipcRenderer.on('debugger:stopped', debuggerStoppedOnBreakpoint);
-    
+
 
     // Prepare the html wrappers
     initHtml();
@@ -483,6 +498,14 @@ RED.sidebar.test = (function() {
     // Attach the change event to the "testcase" select
     $('#test-sidebar-testcases').change(e => {
       testCaseIdSelected = e.target.value;
+      let testCaseSelectedName = $('#test-sidebar-testcases option:selected').text();
+
+      RED.actions.invoke('test:change-testcase-selected',
+        {
+          id: testCaseIdSelected,
+          name: testCaseSelectedName
+        });
+
       saveSettings();
     });
     $('#test-sidebar-environments').change(e => {
@@ -498,40 +521,38 @@ RED.sidebar.test = (function() {
     });
 
     // Attach debugger events
-    $('#test-sidebar-debug-continue').click( async (e)=> {
+    $('#test-sidebar-debug-continue').click(async (e) => {
       await window.__kumologica.debugger.continue()
     });
 
-    $('#test-sidebar-debug-terminate').click( async (e)=> {
+    $('#test-sidebar-debug-terminate').click(async (e) => {
       await window.__kumologica.debugger.terminate();
     });
 
-    $('#test-sidebar-debug-next').click( async (e)=> {
+    $('#test-sidebar-debug-next').click(async (e) => {
       await window.__kumologica.debugger.next();
     });
 
 
-    $('#test-sidebar-debug-restart').click( async (e)=> {
+    $('#test-sidebar-debug-restart').click(async (e) => {
       await window.__kumologica.debugger.terminate();
       // give 1 sec to clean up the tab
-      setTimeout(async()=> {
+      setTimeout(async () => {
         await triggerDebugTestSuite();
       }, 500);
     });
 
-    RED.events.on('deploy:finished', async()=> {
-      if (triggeredTest){
+    RED.events.on('deploy:finished', async () => {
+      if (triggeredTest) {
         await executeTestSuite();
         triggeredTest = false;
       }
     });
 
     // Case where the environment variables config has change
-    RED.events.on('settings:environment-variables-changed', ()=> {
+    RED.events.on('settings:environment-variables-changed', () => {
       refreshEnvironments();
     })
-
-
   }
 
   function show() {
@@ -542,7 +563,7 @@ RED.sidebar.test = (function() {
     $('#test-results-wrapper').empty();
   }
 
-  async function triggerExecuteTestSuite(opts){
+  async function triggerExecuteTestSuite(opts) {
     // Clean up the test results from the secion
     if (sections) {
       sections.removeAll();
@@ -565,10 +586,10 @@ RED.sidebar.test = (function() {
 
     // Clean up the previous test results
     $('#test-results-wrapper').empty();
-    
+
     // Show the terminal if close
     let terminalOpen = $('#workspace-terminal').is(":visible");
-    if (!terminalOpen){
+    if (!terminalOpen) {
       $('#shelve-middle').click();
     }
 
@@ -587,20 +608,20 @@ RED.sidebar.test = (function() {
 
       // Trigger the testcases
       if (RUN_ALL_TEST_CASES === testCaseIdSelected) {
-        for (let i=0; i < testNodes.length; i++) { 
+        for (let i = 0; i < testNodes.length; i++) {
           createDebugMessageCache(testNodes[i].id);
-          try{
+          try {
             // console.log(`[tab-test] Running testcase: ${testNodes[i].id} ...`, )
             await window.__kumologica.libs.testFlow('{}', testNodes[i].id, environment);
-          }catch(err){
+          } catch (err) {
             console.log('[tab-test] error found: ', err);
           }
-        }    
+        }
       } else {
         try {
           createDebugMessageCache(testCaseIdSelected);
           await window.__kumologica.libs.testFlow('{}', testCaseIdSelected, environment);
-        } catch(err) {
+        } catch (err) {
           console.log('[tab-test] error found: ', err);
           //App.notify(`Error found: ${JSON.stringify(err)}`, { type: 'error'});
         }
@@ -610,7 +631,7 @@ RED.sidebar.test = (function() {
     }
   }
 
-  function createDebugMessageCache(testCaseID){
+  function createDebugMessageCache(testCaseID) {
     let sanitizeTestCaseID = testCaseID.replace(/\./g, '_')
     $(`<div id="test-debug-message-cache-${sanitizeTestCaseID}" style="margin-right: 2px"></div>`).appendTo($('#test-debug-messages-caches'));
   }
@@ -764,11 +785,11 @@ RED.sidebar.test = (function() {
     });
 
     // ==> Load initial data to the screen
-    refreshScreen(); 
+    refreshScreen();
 
     // Append to the list of properties a fake record to append a new property
     // attachAppendPropertyRow(); // TODO: Javier review
-    
+
     // Load the tooltips
     RED.popover.tooltip($('#test-sidebar-header-wrapper-left'), 'Select Test Case to Run');
     RED.popover.tooltip(
@@ -797,8 +818,8 @@ RED.sidebar.test = (function() {
     attachAppendPropertyRow();
   });
 
-  function toggleProperties(){
-    if (propertiesOpened){
+  function toggleProperties() {
+    if (propertiesOpened) {
       // close the properties window
       $('#propertiesSection').hide();
     } else {
@@ -819,9 +840,9 @@ RED.sidebar.test = (function() {
     refreshProperties();
   }
 
-  
 
-  function attachPropertyRow(key, value){
+
+  function attachPropertyRow(key, value) {
     const s = key;
     const keyid = s.replace(/[^a-zA-Z0-9-]/g, '_');
     let propertyRow = `
@@ -851,30 +872,30 @@ RED.sidebar.test = (function() {
     });
   }
 
-  function deleteProperty(key){
+  function deleteProperty(key) {
     // detach the DOM element
     $(`#row-${key}`).remove();
     saveSettings();
   }
 
-  function addProperty(key, value){
+  function addProperty(key, value) {
     // reset the errors have happened in the past,... pity we cannot do the same in real life
     $('#new-prop-key').removeClass('wrong-value');
     $('#new-prop-value').removeClass('wrong-value');
 
     let errorsFound = false;
 
-    if (!key){
+    if (!key) {
       errorsFound = true;
       $('#new-prop-key').addClass('wrong-value');
     }
 
-    if (!value){
+    if (!value) {
       errorsFound = true;
       $('#new-prop-value').addClass('wrong-value');
     }
 
-    if (!errorsFound){
+    if (!errorsFound) {
       // remove the addPropertyRow...
       $('#table-row-append').remove();
       // Sanitize the key. As this will be used as a valid `id` property of the html element
@@ -918,37 +939,37 @@ RED.sidebar.test = (function() {
         <div id="addSaveProperty" class="table-cell-btn"><i class="icofont-save"></i></div>
       </div>
     `;
-   $(addPropertyRow).appendTo($('#table-test-properties'));
+    $(addPropertyRow).appendTo($('#table-test-properties'));
 
-   // Attach the save event
-   $('#addSaveProperty').click(e => {
-    let key = $('#new-prop-key').val();
-    let value = $('#new-prop-value').val();
-    addProperty(key, value);
-   });
-   // Do not allow spaces on the key - replace if for dashes
-   $('#new-prop-key').on('input', () => {
-    let old = $('#new-prop-key').val();
-    $('#new-prop-key').val(old.replace(/\s+/g, '-') );
-   });
+    // Attach the save event
+    $('#addSaveProperty').click(e => {
+      let key = $('#new-prop-key').val();
+      let value = $('#new-prop-value').val();
+      addProperty(key, value);
+    });
+    // Do not allow spaces on the key - replace if for dashes
+    $('#new-prop-key').on('input', () => {
+      let old = $('#new-prop-key').val();
+      $('#new-prop-key').val(old.replace(/\s+/g, '-'));
+    });
   }
 
   // Debugger operations
   async function triggerDebugTestSuite() {
     // console.log('[tab-test] Debugger started ...');
-    let { body}  = await window.__kumologica.debugger.listBreakpoints();
+    let { body } = await window.__kumologica.debugger.listBreakpoints();
     // console.log('[tab-test] Breakpoints =', body);
-    if ( body.length === 0 ) {
+    if (body.length === 0) {
       // case of no breakpoints found in the flow
       await triggerExecuteTestSuite({ debug: false });
       RED.notifications.notify('No breakpoints found in the flow', 'warning', undefined, 2000);
-    } else{
+    } else {
       $('#test-info-wrapper').hide();
       $('#properties-wrapper').hide();
       $('#debugger-wrapper').show();
       await triggerExecuteTestSuite({ debug: true });
     }
-    
+
   }
 
   async function hideDebuggerControls() {
@@ -965,17 +986,17 @@ RED.sidebar.test = (function() {
     $('#debugger-wrapper').show();
   }
 
-  function debuggerStoppedOnBreakpoint(e,msg) {
+  function debuggerStoppedOnBreakpoint(e, msg) {
     // console.log('[tab-test] Debugger stopped on breakpoint ...e=', e);
     // console.log('[tab-test] Debugger stopped on breakpoint ...msg=', msg);
 
     showDebuggerControls();
 
-    let universalNodeId = msg.payload.nodeId; 
+    let universalNodeId = msg.payload.nodeId;
     let testCaseID = universalNodeId.split('::')[0];
     // sanitize the testCaseId, i.e. removing dots as jquery selector does not like it
     testCaseId = testCaseID.replace(/\./g, '_');
-    
+
     sections.expandLastEntry();
     selectTestcaseTab('traces', testCaseId);
   }