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(2);\r
 117         stop();\r
 118 \r
 119         var $foo = jQuery("#foo");\r
 120         $foo.queue("fx", [ "sample", "array" ]);\r
 121         var arr = $foo.queue();\r
 122         isSet(arr, [ "sample", "array" ], "queue() got an array set with type 'fx'");\r
 123         $foo.queue([ "another", "one" ]);\r
 124         var arr = $foo.queue("fx");\r
 125         isSet(arr, [ "another", "one" ], "queue('fx') got an array set with no type");\r
 126         // clean up after test\r
 127         $foo.queue([]);\r
 128 \r
 129         start();\r
 130 });\r
 131 \r
 132 test("queue() with other types",function() {\r
 133         expect(9);\r
 134         var counter = 0;\r
 135         \r
 136         var $div = jQuery({});\r
 137         \r
 138         $div\r
 139                 .queue('foo',function(){\r
 140                         equals( ++counter, 1, "Dequeuing" );\r
 141                         jQuery.dequeue(this,'foo');\r
 142                 })\r
 143                 .queue('foo',function(){\r
 144                         equals( ++counter, 2, "Dequeuing" );\r
 145                         jQuery(this).dequeue('foo');\r
 146                 })\r
 147                 .queue('foo',function(){\r
 148                         equals( ++counter, 3, "Dequeuing" );\r
 149                 })\r
 150                 .queue('foo',function(){\r
 151                         equals( ++counter, 4, "Dequeuing" );\r
 152                 });\r
 153                 \r
 154         equals( $div.queue('foo').length, 4, "Testing queue length" );\r
 155         \r
 156         $div.dequeue('foo');\r
 157         \r
 158         equals( counter, 3, "Testing previous call to dequeue" );\r
 159         equals( $div.queue('foo').length, 1, "Testing queue length" );\r
 160         \r
 161         $div.dequeue('foo');\r
 162         \r
 163         equals( counter, 4, "Testing previous call to dequeue" );\r
 164         equals( $div.queue('foo').length, 0, "Testing queue length" );\r
 165         \r
 166         // Clean up\r
 167         $div.removeData();\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         div.removeData();\r
 189 });\r
 190 \r
 191 test("queue(name) passes in the next item in the queue as a parameter", function() {\r
 192         expect(2);\r
 193         \r
 194         var div = jQuery({});\r
 195         var counter = 0;\r
 196         \r
 197         div.queue("foo", function(next) {\r
 198                 equals(++counter, 1, "Dequeueing");\r
 199                 next();\r
 200         }).queue("foo", function(next) {\r
 201                 equals(++counter, 2, "Next was called");\r
 202                 next();\r
 203         }).queue("bar", function() {\r
 204                 equals(++counter, 3, "Other queues are not triggered by next()")\r
 205         });\r
 206         \r
 207         div.dequeue("foo");\r
 208         \r
 209         div.removeData();\r
 210 });\r
 211 \r
 212 test("queue() passes in the next item in the queue as a parameter to fx queues", function() {\r
 213         expect(2);\r
 214         \r
 215         var div = jQuery({});\r
 216         var counter = 0;\r
 217         \r
 218         div.queue(function(next) {\r
 219                 equals(++counter, 1, "Dequeueing");\r
 220                 next();\r
 221         }).queue(function(next) {\r
 222                 equals(++counter, 2, "Next was called");\r
 223                 next();\r
 224         }).queue("bar", function() {\r
 225                 equals(++counter, 3, "Other queues are not triggered by next()")\r
 226         });\r
 227         \r
 228         div.removeData();\r
 229 });\r
 230 \r
 231 test("clearQueue(name) clears the queue", function() {\r
 232         expect(1);\r
 233         \r
 234         var div = jQuery({});\r
 235         var counter = 0;\r
 236         \r
 237         div.queue("foo", function(next) {\r
 238                 counter++;\r
 239                 jQuery(this).clearQueue("foo");\r
 240                 next();\r
 241         }).queue("foo", function(next) {\r
 242                 counter++;\r
 243         });\r
 244         \r
 245         div.dequeue("foo");\r
 246         \r
 247         equals(counter, 1, "the queue was cleared");\r
 248         \r
 249         div.removeData();\r
 250 });\r
 251 \r
 252 test("clearQueue() clears the fx queue", function() {\r
 253         expect(1);\r
 254         \r
 255         var div = jQuery({});\r
 256         var counter = 0;\r
 257         \r
 258         div.queue(function(next) {\r
 259                 counter++;\r
 260                 setTimeout(function() { jQuery(this).clearQueue(); next(); }, 50);\r
 261         }).queue(function(next) {\r
 262                 counter++;\r
 263         });\r
 264         \r
 265         equals(counter, 1, "the queue was cleared");\r
 266         \r
 267         div.removeData();\r
 268 });\r