1
0
mirror of https://github.com/DataTables/DataTables.git synced 2024-12-05 17:24:10 +01:00
DataTables/media/unit_testing/tests_onhold/5_ajax_objects/bProcessing.js

124 lines
3.9 KiB
JavaScript

// DATA_TEMPLATE: empty_table
oTest.fnStart( "bProcessing" );
/* It's actually a bit hard to set this one due to the fact that it will only be shown
* when DataTables is doing some kind of processing. The server-side processing is a bit
* better to test this than here - so we just the interal functions to enable it and check
* that it is available
*/
$(document).ready( function () {
/* Check the default */
var oTable = $('#example').dataTable( {
"sAjaxSource": "../../../examples/ajax/sources/objects.txt",
"aoColumns": [
{ "mDataProp": "engine" },
{ "mDataProp": "browser" },
{ "mDataProp": "platform" },
{ "mDataProp": "version" },
{ "mDataProp": "grade" }
]
} );
var oSettings = oTable.fnSettings();
oTest.fnWaitTest(
"Processing is off by default",
null,
function () { return oSettings.oFeatures.bProcessing == false; }
);
oTest.fnWaitTest(
"Processing div is not in the DOM",
function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); },
function () { return document.getElementById('example_processing') == null; }
);
oTest.fnWaitTest(
"Processing div cannot be shown",
function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); },
function () { return document.getElementById('example_processing') == null; }
);
oTest.fnWaitTest(
"Processing div cannot be hidden",
function () { oTable.oApi._fnProcessingDisplay( oSettings, false ); },
function () { return document.getElementById('example_processing') == null; }
);
/* Check can disable */
oTest.fnWaitTest(
"Processing can be enabled",
function () {
oSession.fnRestore();
oTable = $('#example').dataTable( {
"sAjaxSource": "../../../examples/ajax/sources/objects.txt",
"aoColumnDefs": [
{ "mDataProp": "engine", "aTargets": [0] },
{ "mDataProp": "browser", "aTargets": [1] },
{ "mDataProp": "platform", "aTargets": [2] },
{ "mDataProp": "version", "aTargets": [3] },
{ "mDataProp": "grade", "aTargets": [4] }
],
"bProcessing": true
} );
oSettings = oTable.fnSettings();
},
function () { return oSettings.oFeatures.bProcessing == true; }
);
oTest.fnWaitTest(
"Processing div is in the DOM",
function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); },
function () { return document.getElementById('example_processing'); }
);
oTest.fnWaitTest(
"Processing div is hidden by default",
function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); },
function () { return document.getElementById('example_processing').style.visibility = "hidden"; }
);
oTest.fnWaitTest(
"Processing div can be shown",
function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); },
function () { return document.getElementById('example_processing').style.visibility = "visible"; }
);
oTest.fnWaitTest(
"Processing div can be hidden",
function () { oTable.oApi._fnProcessingDisplay( oSettings, false ); },
function () { return document.getElementById('example_processing').style.visibility = "hidden"; }
);
/* Enable makes no difference */
oTest.fnWaitTest(
"Processing disabled override",
function () {
oSession.fnRestore();
oTable = $('#example').dataTable( {
"sAjaxSource": "../../../examples/ajax/sources/objects.txt",
"aoColumnDefs": [
{ "mDataProp": "engine", "aTargets": [0] },
{ "mDataProp": "browser", "aTargets": [1] },
{ "mDataProp": "platform", "aTargets": [2] },
{ "mDataProp": "version", "aTargets": [3] },
{ "mDataProp": "grade", "aTargets": [4] }
],
"bProcessing": false
} );
oSettings = oTable.fnSettings();
},
function () { return oSettings.oFeatures.bProcessing == false; }
);
oTest.fnWaitTest(
"Processing div is not in the DOM",
function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); },
function () { return document.getElementById('example_processing') == null; }
);
oTest.fnComplete();
} );