test/unit/data.js

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