test/unit/data.js

   1 module("data");\r
   2 \r
   3 test("jQuery.data", function() {\r
   4         expect(5);\r
   5         var div = jQuery("#foo")[0];\r
   6         equals( jQuery.data(div, "test"), undefined, "Check for no data exists" );\r
   7         jQuery.data(div, "test", "success");\r
   8         equals( jQuery.data(div, "test"), "success", "Check for added data" );\r
   9         jQuery.data(div, "test", "overwritten");\r
  10         equals( jQuery.data(div, "test"), "overwritten", "Check for overwritten data" );\r
  11         jQuery.data(div, "test", undefined);\r
  12         equals( jQuery.data(div, "test"), "overwritten", "Check that data wasn't removed");\r
  13         jQuery.data(div, "test", null);\r
  14         ok( jQuery.data(div, "test") === null, "Check for null data");\r
  15 });\r
  16 \r
  17 test(".data()", function() {\r
  18         expect(22);\r
  19         var div = jQuery("#foo");\r
  20         equals( div.data("test"), undefined, "Check for no data exists" );\r
  21         div.data("test", "success");\r
  22         equals( div.data("test"), "success", "Check for added data" );\r
  23         div.data("test", "overwritten");\r
  24         equals( div.data("test"), "overwritten", "Check for overwritten data" );\r
  25         div.data("test", undefined);\r
  26         equals( div.data("test"), "overwritten", "Check that data wasn't removed");\r
  27         div.data("test", null);\r
  28         ok( div.data("test") === null, "Check for null data");\r
  29 \r
  30         div.data("test", "overwritten");\r
  31         var hits = {test:0}, gets = {test:0};\r
  32 \r
  33         div\r
  34                 .bind("setData",function(e,key,value){ hits[key] += value; })\r
  35                 .bind("setData.foo",function(e,key,value){ hits[key] += value; })\r
  36                 .bind("getData",function(e,key){ gets[key] += 1; })\r
  37                 .bind("getData.foo",function(e,key){ gets[key] += 3; });\r
  38 \r
  39         div.data("test.foo", 2);\r
  40         equals( div.data("test"), "overwritten", "Check for original data" );\r
  41         equals( div.data("test.foo"), 2, "Check for namespaced data" );\r
  42         equals( div.data("test.bar"), "overwritten", "Check for unmatched namespace" );\r
  43         equals( hits.test, 2, "Check triggered setter functions" );\r
  44         equals( gets.test, 5, "Check triggered getter functions" );\r
  45 \r
  46         hits.test = 0;\r
  47         gets.test = 0;\r
  48 \r
  49         div.data("test", 1);\r
  50         equals( div.data("test"), 1, "Check for original data" );\r
  51         equals( div.data("test.foo"), 2, "Check for namespaced data" );\r
  52         equals( div.data("test.bar"), 1, "Check for unmatched namespace" );\r
  53         equals( hits.test, 1, "Check triggered setter functions" );\r
  54         equals( gets.test, 5, "Check triggered getter functions" );\r
  55 \r
  56         hits.test = 0;\r
  57         gets.test = 0;\r
  58 \r
  59         div\r
  60                 .bind("getData",function(e,key){ return key + "root"; })\r
  61                 .bind("getData.foo",function(e,key){ return key + "foo"; });\r
  62 \r
  63         equals( div.data("test"), "testroot", "Check for original data" );\r
  64         equals( div.data("test.foo"), "testfoo", "Check for namespaced data" );\r
  65         equals( div.data("test.bar"), "testroot", "Check for unmatched namespace" );\r
  66         \r
  67         // #3748\r
  68         var $elem = jQuery({});\r
  69         equals( $elem.data('nothing'), undefined, "Non-existent data returns undefined");\r
  70         equals( $elem.data('null',null).data('null'), null, "null's are preserved");\r
  71         equals( $elem.data('emptyString','').data('emptyString'), '', "Empty strings are preserved");\r
  72         equals( $elem.data('false',false).data('false'), false, "false's are preserved");\r
  73         \r
  74         // Clean up\r
  75         $elem.removeData();\r
  76 });\r
  77 \r
  78 test("jQuery.removeData", function() {\r
  79         expect(1);\r
  80         var div = jQuery("#foo")[0];\r
  81         jQuery.data(div, "test", "testing");\r
  82         jQuery.removeData(div, "test");\r
  83         equals( jQuery.data(div, "test"), undefined, "Check removal of data" );\r
  84 });\r
  85 \r
  86 test(".removeData()", function() {\r
  87         expect(6);\r
  88         var div = jQuery("#foo");\r
  89         div.data("test", "testing");\r
  90         div.removeData("test");\r
  91         equals( div.data("test"), undefined, "Check removal of data" );\r
  92 \r
  93         div.data("test", "testing");\r
  94         div.data("test.foo", "testing2");\r
  95         div.removeData("test.bar");\r
  96         equals( div.data("test.foo"), "testing2", "Make sure data is intact" );\r
  97         equals( div.data("test"), "testing", "Make sure data is intact" );\r
  98 \r
  99         div.removeData("test");\r
 100         equals( div.data("test.foo"), "testing2", "Make sure data is intact" );\r
 101         equals( div.data("test"), undefined, "Make sure data is intact" );\r
 102 \r
 103         div.removeData("test.foo");\r
 104         equals( div.data("test.foo"), undefined, "Make sure data is intact" );\r
 105 });\r
 106 \r
 107 test("queue() defaults to 'fx' type", function () {\r
 108         expect(2);\r
 109         stop();\r
 110 \r
 111         var $foo = jQuery("#foo");\r
 112         $foo.queue("fx", [ "sample", "array" ]);\r
 113         var arr = $foo.queue();\r
 114         isSet(arr, [ "sample", "array" ], "queue() got an array set with type 'fx'");\r
 115         $foo.queue([ "another", "one" ]);\r
 116         var arr = $foo.queue("fx");\r
 117         isSet(arr, [ "another", "one" ], "queue('fx') got an array set with no type");\r
 118         // clean up after test\r
 119         $foo.queue([]);\r
 120 \r
 121         start();\r
 122 });\r
 123 \r
 124 test("queue() with other types",function() {\r
 125         expect(9);\r
 126         var counter = 0;\r
 127         \r
 128         var $div = jQuery({});\r
 129         \r
 130         $div\r
 131                 .queue('foo',function(){\r
 132                         equals( ++counter, 1, "Dequeuing" );\r
 133                         jQuery.dequeue(this,'foo');\r
 134                 })\r
 135                 .queue('foo',function(){\r
 136                         equals( ++counter, 2, "Dequeuing" );\r
 137                         jQuery(this).dequeue('foo');\r
 138                 })\r
 139                 .queue('foo',function(){\r
 140                         equals( ++counter, 3, "Dequeuing" );\r
 141                 })\r
 142                 .queue('foo',function(){\r
 143                         equals( ++counter, 4, "Dequeuing" );\r
 144                 });\r
 145                 \r
 146         equals( $div.queue('foo').length, 4, "Testing queue length" );\r
 147         \r
 148         $div.dequeue('foo');\r
 149         \r
 150         equals( counter, 3, "Testing previous call to dequeue" );\r
 151         equals( $div.queue('foo').length, 1, "Testing queue length" );\r
 152         \r
 153         $div.dequeue('foo');\r
 154         \r
 155         equals( counter, 4, "Testing previous call to dequeue" );\r
 156         equals( $div.queue('foo').length, 0, "Testing queue length" );\r
 157         \r
 158         // Clean up\r
 159         $div.removeData();\r
 160 });\r
 161 \r
 162 test("queue(name) passes in the next item in the queue as a parameter", function() {\r
 163         expect(2);\r
 164         \r
 165         var div = jQuery({});\r
 166         var counter = 0;\r
 167         \r
 168         div.queue("foo", function(next) {\r
 169                 equals(++counter, 1, "Dequeueing");\r
 170                 next();\r
 171         }).queue("foo", function(next) {\r
 172                 equals(++counter, 2, "Next was called");\r
 173                 next();\r
 174         }).queue("bar", function() {\r
 175                 equals(++counter, 3, "Other queues are not triggered by next()")\r
 176         });\r
 177         \r
 178         div.dequeue("foo");\r
 179         \r
 180         div.removeData();\r
 181 });\r
 182 \r
 183 test("queue(name) passes in the next item in the queue as a parameter", function() {\r
 184         expect(2);\r
 185         \r
 186         var div = jQuery({});\r
 187         var counter = 0;\r
 188         \r
 189         div.queue("foo", function(next) {\r
 190                 equals(++counter, 1, "Dequeueing");\r
 191                 next();\r
 192         }).queue("foo", function(next) {\r
 193                 equals(++counter, 2, "Next was called");\r
 194                 next();\r
 195         }).queue("bar", function() {\r
 196                 equals(++counter, 3, "Other queues are not triggered by next()")\r
 197         });\r
 198         \r
 199         div.dequeue("foo");\r
 200         \r
 201         div.removeData();\r
 202 });\r
 203 \r
 204 test("queue() passes in the next item in the queue as a parameter to fx queues", function() {\r
 205         expect(2);\r
 206         \r
 207         var div = jQuery({});\r
 208         var counter = 0;\r
 209         \r
 210         div.queue(function(next) {\r
 211                 equals(++counter, 1, "Dequeueing");\r
 212                 next();\r
 213         }).queue(function(next) {\r
 214                 equals(++counter, 2, "Next was called");\r
 215                 next();\r
 216         }).queue("bar", function() {\r
 217                 equals(++counter, 3, "Other queues are not triggered by next()")\r
 218         });\r
 219         \r
 220         div.removeData();\r
 221 });\r
 222 \r
 223 test("clearQueue(name) clears the queue", function() {\r
 224         expect(1);\r
 225         \r
 226         var div = jQuery({});\r
 227         var counter = 0;\r
 228         \r
 229         div.queue("foo", function(next) {\r
 230                 counter++;\r
 231                 jQuery(this).clearQueue("foo");\r
 232                 next();\r
 233         }).queue("foo", function(next) {\r
 234                 counter++;\r
 235         });\r
 236         \r
 237         div.dequeue("foo");\r
 238         \r
 239         equals(counter, 1, "the queue was cleared");\r
 240         \r
 241         div.removeData();\r
 242 });\r
 243 \r
 244 test("clearQueue() clears the fx queue", function() {\r
 245         expect(1);\r
 246         \r
 247         var div = jQuery({});\r
 248         var counter = 0;\r
 249         \r
 250         div.queue(function(next) {\r
 251                 counter++;\r
 252                 setTimeout(function() { jQuery(this).clearQueue(); next(); }, 50);\r
 253         }).queue(function(next) {\r
 254                 counter++;\r
 255         });\r
 256         \r
 257         equals(counter, 1, "the queue was cleared");\r
 258         \r
 259         div.removeData();\r
 260 });\r