Fixed wrapping of elements that hold text nodes. Thanks to David Flanagan for the...
[jquery.git] / 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