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