integration testing

Author: contactashish13

classes/Visualizer/Render/Layout.php

@@ -71,6 +71,7 @@ public static function _renderDbQuery( $args ) {
 					<form id='db-query-form'>
 						<textarea name='query' class='visualizer-db-query' placeholder="<?php _e( 'Your query goes here', 'visualizer' ); ?>"><?php echo $query; ?></textarea>
 					</form>
+					<div class='db-wizard-error'></div>
 				</div>
 				<div>
 					<input type="button" class="button button-primary" id='visualizer-query-fetch' value='<?php _e( 'Show Results', 'visualizer' ); ?>'>
@@ -82,7 +83,6 @@ public static function _renderDbQuery( $args ) {
 					<li><?php echo sprintf( __( 'Use %1$sControl+Space%2$s for autocompleting keywords or tables/columns.', 'visualizer' ), '<span class="visualizer-emboss">', '</span>' ); ?></li>
 				</ul>
 			</div>
-			<div class='db-wizard-error'></div>
 			<div class='db-wizard-results'></div>
 
 		</div>

js/frame.js

@@ -19,7 +19,7 @@
 
         init_permissions();
 
-        if(visualizer.is_pro) {
+        if(typeof visualizer !== 'undefined' && visualizer.is_pro) {
             init_db_import();
         }
 

js/render-datatables.js

@@ -23,9 +23,10 @@
             return;
         }
 
-        if($('#' + id).find('table.dataTable').length === 0){
-            $('#' + id).append($('<table class="dataTable table table-striped"></table>'));
+        if($('#' + id).find('table.visualizer-data-table').length > 0){
+            $('#' + id).empty();
         }
+        $('#' + id).append($('<table class="dataTable visualizer-data-table table table-striped"></table>'));
 
         settings = {
             destroy: true,
@@ -121,7 +122,7 @@
                     break;
             }
 
-            render = addRenderer(series[j].type, settings.series[j]);
+            render = addRenderer(series[j].type, settings.series, j);
 
             var col = { title: series[j].label, data: series[j].label, type: type, render: render };
             if(typeof chart.settings['cssClassNames'] !== 'undefined' && typeof chart.settings['cssClassNames']['tableCell'] !== 'undefined'){
@@ -143,7 +144,7 @@
         // allow user to extend the settings.
         $('body').trigger('visualizer:chart:settings:extend', {id: id, chart: chart, settings: settings});
 
-        table = $('#' + id + ' table.dataTable');
+        table = $('#' + id + ' table.visualizer-data-table');
         table.DataTable( {
             data: rows,
             columns: cols,
@@ -152,12 +153,14 @@
         $('.loader').remove();
     }
 
-    function addRenderer(type, series){
+    function addRenderer(type, series, index){
         var render = null;
-        if(typeof series === 'undefined' || typeof series.format === 'undefined'){
+        if(typeof series === 'undefined' || typeof series[index] === 'undefined' || typeof series[index].format === 'undefined' ){
             return render;
         }
 
+        series = series[index];
+
         /* jshint ignore:start */
         switch(type){
             case 'number':