1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 | // DATA_TEMPLATE: dom_data oTest.fnStart( "asStripClasses" ); $(document).ready( function () { /* Check the default */ $('#example').dataTable(); oTest.fnTest( "Default row striping is applied", null, function () { return $('#example tbody tr:eq(0)').hasClass('odd') && $('#example tbody tr:eq(1)').hasClass('even') && $('#example tbody tr:eq(2)').hasClass('odd') && $('#example tbody tr:eq(3)').hasClass('even'); } ); oTest.fnTest( "Row striping does not effect current classes", null, function () { return $('#example tbody tr:eq(0)').hasClass('gradeA') && $('#example tbody tr:eq(1)').hasClass('gradeA') && $('#example tbody tr:eq(2)').hasClass('gradeA') && $('#example tbody tr:eq(3)').hasClass('gradeA'); } ); oTest.fnTest( "Row striping on the second page", function () { $('#example_next').click(); }, function () { return $('#example tbody tr:eq(0)').hasClass('odd') && $('#example tbody tr:eq(1)').hasClass('even') && $('#example tbody tr:eq(2)').hasClass('odd') && $('#example tbody tr:eq(3)').hasClass('even'); } ); /* No striping */ oTest.fnTest( "No row striping", function () { oSession.fnRestore(); $('#example').dataTable( { "asStripClasses": [] } ); }, function () { return $('#example tbody tr:eq(0)')[0].className == "gradeA" && $('#example tbody tr:eq(1)')[0].className == "gradeA" && $('#example tbody tr:eq(2)')[0].className == "gradeA" && $('#example tbody tr:eq(3)')[0].className == "gradeA"; } ); /* Custom striping */ oTest.fnTest( "Custom striping [2]", function () { oSession.fnRestore(); $('#example').dataTable( { "asStripClasses": [ 'test1', 'test2' ] } ); }, function () { return $('#example tbody tr:eq(0)').hasClass('test1') && $('#example tbody tr:eq(1)').hasClass('test2') && $('#example tbody tr:eq(2)').hasClass('test1') && $('#example tbody tr:eq(3)').hasClass('test2'); } ); /* long array of striping */ oTest.fnTest( "Custom striping [4]", function () { oSession.fnRestore(); $('#example').dataTable( { "asStripClasses": [ 'test1', 'test2', 'test3', 'test4' ] } ); }, function () { return $('#example tbody tr:eq(0)').hasClass('test1') && $('#example tbody tr:eq(1)').hasClass('test2') && $('#example tbody tr:eq(2)').hasClass('test3') && $('#example tbody tr:eq(3)').hasClass('test4'); } ); oTest.fnTest( "Custom striping is restarted on second page [2]", function () { $('#example_next').click(); }, function () { return $('#example tbody tr:eq(0)').hasClass('test1') && $('#example tbody tr:eq(1)').hasClass('test2') && $('#example tbody tr:eq(2)').hasClass('test3') && $('#example tbody tr:eq(3)').hasClass('test4'); } ); oTest.fnComplete(); } ); |