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