Add additional logs to debug visualization

Author: JohT

graph-visualization/visualization-pagination.js

@@ -26,11 +26,14 @@ function paginatedGraphVisualization({
   /**
    * Marks the given element as finished when the visualization is completed.
    * @param {Element} indexedVisualizationElement
+   * @param {string} logDescription
    */
-  function markVisualizationAsFinished(indexedVisualizationElement) {
+  function markVisualizationAsFinished(indexedVisualizationElement, logDescription) {
     indexedVisualizationElement.classList.add(classOfFinishedVisualization);
     const unfinishedVisualizations = document.querySelectorAll(`.${classOfIndexedVisualizationElement}:not(.${classOfFinishedVisualization})`);
     if (unfinishedVisualizations.length === 0) {
+      console.log(`${logDescription}: Last visualization finished on element ${JSON.stringify(indexedVisualizationElement)}.`);
+      console.log(`${logDescription}: Mark whole visualization as finished on parent element ${JSON.stringify( indexedVisualizationElement.parentElement)}`);
       indexedVisualizationElement.parentElement.classList.add(classOfFinishedVisualization);
     }
   }
@@ -49,18 +52,19 @@ function paginatedGraphVisualization({
     neoViz.registerOnEvent(NeoVis.NeoVisEvents.CompletionEvent, (event) => {
       if (event.recordCount == 0) {
         indexedVisualizationContainer.remove(); // remove an empty canvas
-        markVisualizationAsFinished(indexedVisualizationContainer);
+        markVisualizationAsFinished(indexedVisualizationContainer, 'No query results');
       } else {
         setTimeout(() => {
           neoViz.stabilize();
-          markVisualizationAsFinished(indexedVisualizationContainer);
+          markVisualizationAsFinished(indexedVisualizationContainer, 'Visualization stabilized');
         }, 5000);
       }
     });
     neoViz.registerOnEvent(NeoVis.NeoVisEvents.ErrorEvent, (event) => {
       indexedVisualizationContainer.classList.add(classOfFailedVisualization);
       indexedVisualizationContainer.textContent = event.error.message;
-      markVisualizationAsFinished(indexedVisualizationContainer);
+      console.error(`Visualization Error: ${JSON.stringify(event.error)}`)
+      markVisualizationAsFinished(indexedVisualizationContainer, 'Error event');
     });
     const parameters = {
       blockSize: recordsPerVisualization,