1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
2 | "http://www.w3.org/TR/html4/strict.dtd">
|
3 | <html>
|
4 | <head>
|
5 | <title>Testing dojo._data / NodeList.data</title>
|
6 | <script type="text/javascript" src="../dojo.js" data-dojo-config="isDebug:true"></script>
|
7 | <script type="text/javascript">
|
8 | require(["doh", "dojo/dom-construct", "dojo/query", "dojo/NodeList-data", "dojo/domReady!"],
|
9 | function(doh, domConstruct, $, NodeList){
|
10 | var len = function(obj){
|
11 | var x = 0;
|
12 | for(var i in obj){ x++ }
|
13 | return x;
|
14 | };
|
15 |
|
16 | doh.register([
|
17 | function sanity(t){
|
18 |
|
19 | var list = $("#foo");
|
20 | var lis = $("#bar > li");
|
21 |
|
22 | t.is(1, list.length, "i'm not insane");
|
23 | t.is(2, lis.length, "li's are sane, too");
|
24 |
|
25 | list.data("a", "b");
|
26 | lis.data("a", "b");
|
27 |
|
28 | t.is("b", list.data("a")[0]);
|
29 | t.is(["b"], list.data("a"));
|
30 |
|
31 | t.is(["b","b"], lis.data("a"));
|
32 | t.is("b", lis.data("a")[0]);
|
33 | },
|
34 |
|
35 | function basicdata(t){
|
36 |
|
37 | var list = $('#foo');
|
38 |
|
39 | list.data("bar", 6)
|
40 | .data("baz", "a")
|
41 | .data("bam", [1,2,3])
|
42 | .data("foo", { a:"b" })
|
43 | ;
|
44 |
|
45 | var newlist = $("#foo");
|
46 |
|
47 | t.is(6, newlist.data("bar")[0]);
|
48 | t.is("a", newlist.data("baz")[0]);
|
49 | t.is(3, newlist.data("bam")[0].length);
|
50 | t.is(1, newlist.data("bam")[0][0]);
|
51 | t.is("b", newlist.data("foo")[0].a);
|
52 |
|
53 | },
|
54 |
|
55 | function hashdata(t){
|
56 |
|
57 | $("#foo").data({
|
58 | bar:"baz",
|
59 | foo:"bap"
|
60 | });
|
61 |
|
62 | t.is("baz", $('#foo').data("bar")[0]);
|
63 | t.is("bap", $('#foo').data("foo")[0]);
|
64 |
|
65 | },
|
66 |
|
67 | function butdoesitchain(t){
|
68 |
|
69 | $("#foo").data("bar", 42).style("color", "red");
|
70 | t.is(42, $("#foo").data("bar")[0]);
|
71 | },
|
72 |
|
73 | function getanobjectback(t){
|
74 |
|
75 | $("#foo").data("afoo", 1);
|
76 | $("#foo").data("bfoo", 2);
|
77 |
|
78 | var obj = $("#foo").data()[0];
|
79 |
|
80 | t.is(1, obj.afoo);
|
81 | t.is(2, obj.bfoo);
|
82 |
|
83 | },
|
84 |
|
85 | function plaindata(t){
|
86 | $("#bar li").data("bar", 42)
|
87 | .forEach(function(n){
|
88 | t.is(42, dojo._nodeData(n, "bar"));
|
89 | });
|
90 | },
|
91 |
|
92 | function removeData(t){
|
93 | $("#bar li").removeData("bar");
|
94 | $("#bar li").forEach(function(n){
|
95 | t.t(!dojo._nodeData(n, "bar"));
|
96 | });
|
97 |
|
98 | $("#bar li").data({
|
99 | a:"b", c:"d", e:"f"
|
100 | });
|
101 |
|
102 | $("#bar li").removeData();
|
103 | var data = $("#bar li").data()[0];
|
104 |
|
105 | t.f(data.a);
|
106 | t.f(data.c);
|
107 | t.f(data.e);
|
108 | },
|
109 |
|
110 | function multidata(t){
|
111 |
|
112 | var ret = $("#bar li");
|
113 | t.is(2, ret.length, "sanity: 2 (0..1) li's in query");
|
114 | ret = ret.data("bar", "baz").data();
|
115 |
|
116 | t.is(ret[0].bar, "baz", "item 0 was set");
|
117 | t.is(ret[1].bar, "baz", "item 1 was set");
|
118 |
|
119 | $("li").at(0).removeData();
|
120 |
|
121 | var ret2 = $("#bar li").data();
|
122 | t.is(ret.length, 2, "sanity: 2 (0..1) li's in query");
|
123 | t.f(ret2[0].bar, "at(0) was removed");
|
124 | t.is(ret2[1].bar, "baz", "at(1) was untouched");
|
125 |
|
126 | },
|
127 |
|
128 | function obj(t){
|
129 | var x = $("#foo").data({ bar: { baz:"bam" }}).data("bar");
|
130 | t.is("bam", x[0].baz);
|
131 |
|
132 | },
|
133 |
|
134 | function cleanData(t){
|
135 |
|
136 | if(!NodeList._nodeDataCache){
|
137 | doh.debug("We must be testing a built Dojo. No access to dataCache");
|
138 | return;
|
139 | }
|
140 |
|
141 | var me = $("#bar li").data("die", "yes");
|
142 | me.at(0).attr("id", "killme");
|
143 | var data = me.data();
|
144 |
|
145 | t.is(2, me.length);
|
146 | t.is("yes", me.data("die")[0]);
|
147 | t.is("yes", me.data("die")[1]);
|
148 |
|
149 | var l = len(NodeList._nodeDataCache);
|
150 |
|
151 | domConstruct.destroy("killme");
|
152 | NodeList._gcNodeData();
|
153 |
|
154 | t.is(l - 1, len(NodeList._nodeDataCache), "one item removed because destroyed");
|
155 | me = $("#bar li");
|
156 | t.is(1, me.length);
|
157 |
|
158 | },
|
159 |
|
160 | function literals(t){
|
161 |
|
162 |
|
163 | var x = { a:1 };
|
164 |
|
165 | var one = $("#lit span").data("literal", x);
|
166 | x.a++;
|
167 |
|
168 | t.is(2, $("#lit span").data("literal")[0].a);
|
169 | t.is(2, $("#lit span").data("literal")[1].a);
|
170 |
|
171 | },
|
172 |
|
173 | function clearall(t){
|
174 |
|
175 | if(!NodeList._nodeDataCache){
|
176 | doh.debug("We must be testing a built Dojo. No access to dataCache");
|
177 | return;
|
178 | }
|
179 |
|
180 | var l = len(NodeList._nodeDataCache);
|
181 | t.t(l, "there is stuff in the cache");
|
182 |
|
183 | $("#b > *").forEach(domConstruct.destroy);
|
184 | dojo._gcNodeData();
|
185 | t.is(0, len(NodeList._nodeDataCache), "no longer stuff in the cache");
|
186 | }
|
187 | ]);
|
188 |
|
189 | doh.run();
|
190 | });
|
191 | </script>
|
192 | </head>
|
193 | <body>
|
194 | <div id="b">
|
195 | <div id="foo">woot.</div>
|
196 | <ul id="bar">
|
197 | <li>baz</li>
|
198 | <li>bam</li>
|
199 | </ul>
|
200 | <p id="lit"><span>hi</span><span>there</span></p>
|
201 | </div>
|
202 | </body>
|
203 | </html>
|