data.js 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636
  1. module("data", { teardown: moduleTeardown });
  2. test("expando", function(){
  3. expect(1);
  4. equal(jQuery.expando !== undefined, true, "jQuery is exposing the expando");
  5. });
  6. function dataTests (elem) {
  7. var oldCacheLength, dataObj, internalDataObj, expected, actual;
  8. equal( jQuery.data(elem, "foo"), undefined, "No data exists initially" );
  9. strictEqual( jQuery.hasData(elem), false, "jQuery.hasData agrees no data exists initially" );
  10. dataObj = jQuery.data(elem);
  11. equal( typeof dataObj, "object", "Calling data with no args gives us a data object reference" );
  12. strictEqual( jQuery.data(elem), dataObj, "Calling jQuery.data returns the same data object when called multiple times" );
  13. strictEqual( jQuery.hasData(elem), false, "jQuery.hasData agrees no data exists even when an empty data obj exists" );
  14. dataObj["foo"] = "bar";
  15. equal( jQuery.data(elem, "foo"), "bar", "Data is readable by jQuery.data when set directly on a returned data object" );
  16. strictEqual( jQuery.hasData(elem), true, "jQuery.hasData agrees data exists when data exists" );
  17. jQuery.data(elem, "foo", "baz");
  18. equal( jQuery.data(elem, "foo"), "baz", "Data can be changed by jQuery.data" );
  19. equal( dataObj["foo"], "baz", "Changes made through jQuery.data propagate to referenced data object" );
  20. jQuery.data(elem, "foo", undefined);
  21. equal( jQuery.data(elem, "foo"), "baz", "Data is not unset by passing undefined to jQuery.data" );
  22. jQuery.data(elem, "foo", null);
  23. strictEqual( jQuery.data(elem, "foo"), null, "Setting null using jQuery.data works OK" );
  24. jQuery.data(elem, "foo", "foo1");
  25. jQuery.data(elem, { "bar" : "baz", "boom" : "bloz" });
  26. strictEqual( jQuery.data(elem, "foo"), "foo1", "Passing an object extends the data object instead of replacing it" );
  27. equal( jQuery.data(elem, "boom"), "bloz", "Extending the data object works" );
  28. jQuery._data(elem, "foo", "foo2", true);
  29. equal( jQuery._data(elem, "foo"), "foo2", "Setting internal data works" );
  30. equal( jQuery.data(elem, "foo"), "foo1", "Setting internal data does not override user data" );
  31. internalDataObj = jQuery._data( elem );
  32. ok( internalDataObj, "Internal data object exists" );
  33. notStrictEqual( dataObj, internalDataObj, "Internal data object is not the same as user data object" );
  34. strictEqual( elem.boom, undefined, "Data is never stored directly on the object" );
  35. jQuery.removeData(elem, "foo");
  36. strictEqual( jQuery.data(elem, "foo"), undefined, "jQuery.removeData removes single properties" );
  37. jQuery.removeData(elem);
  38. strictEqual( jQuery._data(elem), internalDataObj, "jQuery.removeData does not remove internal data if it exists" );
  39. jQuery.data(elem, "foo", "foo1");
  40. jQuery._data(elem, "foo", "foo2");
  41. equal( jQuery.data(elem, "foo"), "foo1", "(sanity check) Ensure data is set in user data object" );
  42. equal( jQuery._data(elem, "foo"), "foo2", "(sanity check) Ensure data is set in internal data object" );
  43. strictEqual( jQuery._data(elem, jQuery.expando), undefined, "Removing the last item in internal data destroys the internal data object" );
  44. jQuery._data(elem, "foo", "foo2");
  45. equal( jQuery._data(elem, "foo"), "foo2", "(sanity check) Ensure data is set in internal data object" );
  46. jQuery.removeData(elem, "foo");
  47. equal( jQuery._data(elem, "foo"), "foo2", "(sanity check) jQuery.removeData for user data does not remove internal data" );
  48. }
  49. test("jQuery.data(div)", 25, function() {
  50. var div = document.createElement("div");
  51. dataTests(div);
  52. // We stored one key in the private data
  53. // assert that nothing else was put in there, and that that
  54. // one stayed there.
  55. QUnit.expectJqData(div, "foo");
  56. });
  57. test("jQuery.data({})", 25, function() {
  58. dataTests({});
  59. });
  60. test("jQuery.data(window)", 25, function() {
  61. // remove bound handlers from window object to stop potential false positives caused by fix for #5280 in
  62. // transports/xhr.js
  63. jQuery(window).unbind("unload");
  64. dataTests(window);
  65. });
  66. test("jQuery.data(document)", 25, function() {
  67. dataTests(document);
  68. QUnit.expectJqData(document, "foo");
  69. });
  70. test("Expando cleanup", 4, function() {
  71. var expected, actual,
  72. div = document.createElement("div");
  73. function assertExpandoAbsent(message) {
  74. if (jQuery.support.deleteExpando) {
  75. expected = false;
  76. actual = jQuery.expando in div;
  77. } else {
  78. expected = null;
  79. actual = div[ jQuery.expando ];
  80. }
  81. equal( actual, expected, message );
  82. }
  83. assertExpandoAbsent("There is no expando on new elements");
  84. jQuery.data(div, "foo", 100);
  85. jQuery.data(div, "bar", 200);
  86. ok(jQuery.expando in div, "There is an expando on the element after using $.data()");
  87. jQuery.removeData(div, "foo");
  88. ok(jQuery.expando in div, "There is still an expando on the element after removing (some) of the data");
  89. jQuery.removeData(div, "bar");
  90. assertExpandoAbsent("Removing the last item in the data store deletes the expando");
  91. // Clean up unattached element
  92. jQuery(div).remove();
  93. });
  94. test("Data is not being set on comment and text nodes", function() {
  95. expect(2);
  96. ok( !jQuery.hasData( jQuery("<!-- comment -->").data("foo", 0) ) );
  97. ok( !jQuery.hasData( jQuery("<span>text</span>").contents().data("foo", 0) ) );
  98. });
  99. test("jQuery.acceptData", function() {
  100. expect(9);
  101. ok( jQuery.acceptData( document ), "document" );
  102. ok( jQuery.acceptData( document.documentElement ), "documentElement" );
  103. ok( jQuery.acceptData( {} ), "object" );
  104. ok( !jQuery.acceptData( document.createElement("embed") ), "embed" );
  105. ok( !jQuery.acceptData( document.createElement("applet") ), "applet" );
  106. var flash = document.createElement("object");
  107. flash.setAttribute("classid", "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000");
  108. ok( jQuery.acceptData( flash ), "flash" );
  109. var applet = document.createElement("object");
  110. applet.setAttribute("classid", "clsid:8AD9C840-044E-11D1-B3E9-00805F499D93");
  111. ok( !jQuery.acceptData( applet ), "applet" );
  112. ok( !jQuery.acceptData( document.createComment("") ), "comment" );
  113. ok( !jQuery.acceptData( document.createTextNode("") ), "text" );
  114. });
  115. test(".data()", function() {
  116. expect(5);
  117. var div = jQuery("#foo");
  118. strictEqual( div.data("foo"), undefined, "Make sure that missing result is undefined" );
  119. div.data("test", "success");
  120. var dataObj = div.data();
  121. deepEqual( dataObj, {test: "success"}, "data() returns entire data object with expected properties" );
  122. strictEqual( div.data("foo"), undefined, "Make sure that missing result is still undefined" );
  123. var nodiv = jQuery("#unfound");
  124. equal( nodiv.data(), null, "data() on empty set returns null" );
  125. var obj = { foo: "bar" };
  126. jQuery(obj).data("foo", "baz");
  127. dataObj = jQuery.extend(true, {}, jQuery(obj).data());
  128. deepEqual( dataObj, { "foo": "baz" }, "Retrieve data object from a wrapped JS object (#7524)" );
  129. });
  130. var testDataTypes = function( $obj ) {
  131. jQuery.each({
  132. "null": null,
  133. "true": true,
  134. "false": false,
  135. "zero": 0,
  136. "one": 1,
  137. "empty string": "",
  138. "empty array": [],
  139. "array": [1],
  140. "empty object": {},
  141. "object": { foo: "bar" },
  142. "date": new Date(),
  143. "regex": /test/,
  144. "function": function() {}
  145. }, function( type, value ) {
  146. strictEqual( $obj.data( "test", value ).data("test"), value, "Data set to " + type );
  147. });
  148. };
  149. test("jQuery(Element).data(String, Object).data(String)", function() {
  150. expect( 18 );
  151. var parent = jQuery("<div><div></div></div>"),
  152. div = parent.children();
  153. strictEqual( div.data("test"), undefined, "No data exists initially" );
  154. strictEqual( div.data("test", "success").data("test"), "success", "Data added" );
  155. strictEqual( div.data("test", "overwritten").data("test"), "overwritten", "Data overwritten" );
  156. strictEqual( div.data("test", undefined).data("test"), "overwritten", ".data(key,undefined) does nothing but is chainable (#5571)");
  157. strictEqual( div.data("notexist"), undefined, "No data exists for unset key" );
  158. testDataTypes( div );
  159. parent.remove();
  160. });
  161. test("jQuery(plain Object).data(String, Object).data(String)", function() {
  162. expect( 16 );
  163. // #3748
  164. var $obj = jQuery({ exists: true });
  165. strictEqual( $obj.data("nothing"), undefined, "Non-existent data returns undefined");
  166. strictEqual( $obj.data("exists"), undefined, "Object properties are not returned as data" );
  167. testDataTypes( $obj );
  168. // Clean up
  169. $obj.removeData();
  170. deepEqual( $obj[0], { exists: true }, "removeData does not clear the object" );
  171. });
  172. test("data-* attributes", function() {
  173. expect(40);
  174. var div = jQuery("<div>"),
  175. child = jQuery("<div data-myobj='old data' data-ignored=\"DOM\" data-other='test'></div>"),
  176. dummy = jQuery("<div data-myobj='old data' data-ignored=\"DOM\" data-other='test'></div>");
  177. equal( div.data("attr"), undefined, "Check for non-existing data-attr attribute" );
  178. div.attr("data-attr", "exists");
  179. equal( div.data("attr"), "exists", "Check for existing data-attr attribute" );
  180. div.attr("data-attr", "exists2");
  181. equal( div.data("attr"), "exists", "Check that updates to data- don't update .data()" );
  182. div.data("attr", "internal").attr("data-attr", "external");
  183. equal( div.data("attr"), "internal", "Check for .data('attr') precedence (internal > external data-* attribute)" );
  184. div.remove();
  185. child.appendTo("#qunit-fixture");
  186. equal( child.data("myobj"), "old data", "Value accessed from data-* attribute");
  187. child.data("myobj", "replaced");
  188. equal( child.data("myobj"), "replaced", "Original data overwritten");
  189. child.data("ignored", "cache");
  190. equal( child.data("ignored"), "cache", "Cached data used before DOM data-* fallback");
  191. var prop,
  192. obj = child.data(),
  193. obj2 = dummy.data(),
  194. check = [ "myobj", "ignored", "other" ],
  195. num = 0,
  196. num2 = 0;
  197. dummy.remove();
  198. for ( var i = 0, l = check.length; i < l; i++ ) {
  199. ok( obj[ check[i] ], "Make sure data- property exists when calling data-." );
  200. ok( obj2[ check[i] ], "Make sure data- property exists when calling data-." );
  201. }
  202. for ( prop in obj ) {
  203. num++;
  204. }
  205. equal( num, check.length, "Make sure that the right number of properties came through." );
  206. for ( prop in obj2 ) {
  207. num2++;
  208. }
  209. equal( num2, check.length, "Make sure that the right number of properties came through." );
  210. child.attr("data-other", "newvalue");
  211. equal( child.data("other"), "test", "Make sure value was pulled in properly from a .data()." );
  212. child
  213. .attr("data-true", "true")
  214. .attr("data-false", "false")
  215. .attr("data-five", "5")
  216. .attr("data-point", "5.5")
  217. .attr("data-pointe", "5.5E3")
  218. .attr("data-grande", "5.574E9")
  219. .attr("data-hexadecimal", "0x42")
  220. .attr("data-pointbad", "5..5")
  221. .attr("data-pointbad2", "-.")
  222. .attr("data-bigassnum", "123456789123456789123456789")
  223. .attr("data-badjson", "{123}")
  224. .attr("data-badjson2", "[abc]")
  225. .attr("data-empty", "")
  226. .attr("data-space", " ")
  227. .attr("data-null", "null")
  228. .attr("data-string", "test");
  229. strictEqual( child.data("true"), true, "Primitive true read from attribute");
  230. strictEqual( child.data("false"), false, "Primitive false read from attribute");
  231. strictEqual( child.data("five"), 5, "Primitive number read from attribute");
  232. strictEqual( child.data("point"), 5.5, "Primitive number read from attribute");
  233. strictEqual( child.data("pointe"), "5.5E3", "Floating point exponential number read from attribute");
  234. strictEqual( child.data("grande"), "5.574E9", "Big exponential number read from attribute");
  235. strictEqual( child.data("hexadecimal"), "0x42", "Hexadecimal number read from attribute");
  236. strictEqual( child.data("pointbad"), "5..5", "Bad number read from attribute");
  237. strictEqual( child.data("pointbad2"), "-.", "Bad number read from attribute");
  238. strictEqual( child.data("bigassnum"), "123456789123456789123456789", "Bad bigass number read from attribute");
  239. strictEqual( child.data("badjson"), "{123}", "Bad number read from attribute");
  240. strictEqual( child.data("badjson2"), "[abc]", "Bad number read from attribute");
  241. strictEqual( child.data("empty"), "", "Empty string read from attribute");
  242. strictEqual( child.data("space"), " ", "Empty string read from attribute");
  243. strictEqual( child.data("null"), null, "Primitive null read from attribute");
  244. strictEqual( child.data("string"), "test", "Typical string read from attribute");
  245. child.remove();
  246. // tests from metadata plugin
  247. function testData(index, elem) {
  248. switch (index) {
  249. case 0:
  250. equal(jQuery(elem).data("foo"), "bar", "Check foo property");
  251. equal(jQuery(elem).data("bar"), "baz", "Check baz property");
  252. break;
  253. case 1:
  254. equal(jQuery(elem).data("test"), "bar", "Check test property");
  255. equal(jQuery(elem).data("bar"), "baz", "Check bar property");
  256. break;
  257. case 2:
  258. equal(jQuery(elem).data("zoooo"), "bar", "Check zoooo property");
  259. deepEqual(jQuery(elem).data("bar"), {"test":"baz"}, "Check bar property");
  260. break;
  261. case 3:
  262. equal(jQuery(elem).data("number"), true, "Check number property");
  263. deepEqual(jQuery(elem).data("stuff"), [2,8], "Check stuff property");
  264. break;
  265. default:
  266. ok(false, ["Assertion failed on index ", index, ", with data"].join(""));
  267. }
  268. }
  269. var metadata = "<ol><li class='test test2' data-foo='bar' data-bar='baz' data-arr='[1,2]'>Some stuff</li><li class='test test2' data-test='bar' data-bar='baz'>Some stuff</li><li class='test test2' data-zoooo='bar' data-bar='{\"test\":\"baz\"}'>Some stuff</li><li class='test test2' data-number=true data-stuff='[2,8]'>Some stuff</li></ol>",
  270. elem = jQuery(metadata).appendTo("#qunit-fixture");
  271. elem.find("li").each(testData);
  272. elem.remove();
  273. });
  274. test(".data(Object)", function() {
  275. expect(4);
  276. var div = jQuery("<div/>");
  277. div.data({ "test": "in", "test2": "in2" });
  278. equal( div.data("test"), "in", "Verify setting an object in data" );
  279. equal( div.data("test2"), "in2", "Verify setting an object in data" );
  280. var obj = {test:"unset"},
  281. jqobj = jQuery(obj);
  282. jqobj.data("test", "unset");
  283. jqobj.data({ "test": "in", "test2": "in2" });
  284. equal( jQuery.data(obj)["test"], "in", "Verify setting an object on an object extends the data object" );
  285. equal( obj["test2"], undefined, "Verify setting an object on an object does not extend the object" );
  286. // manually clean up detached elements
  287. div.remove();
  288. });
  289. test("jQuery.removeData", function() {
  290. expect(10);
  291. var div = jQuery("#foo")[0];
  292. jQuery.data(div, "test", "testing");
  293. jQuery.removeData(div, "test");
  294. equal( jQuery.data(div, "test"), undefined, "Check removal of data" );
  295. jQuery.data(div, "test2", "testing");
  296. jQuery.removeData( div );
  297. ok( !jQuery.data(div, "test2"), "Make sure that the data property no longer exists." );
  298. ok( !div[ jQuery.expando ], "Make sure the expando no longer exists, as well." );
  299. jQuery.data(div, {
  300. test3: "testing",
  301. test4: "testing"
  302. });
  303. jQuery.removeData( div, "test3 test4" );
  304. ok( !jQuery.data(div, "test3") || jQuery.data(div, "test4"), "Multiple delete with spaces." );
  305. jQuery.data(div, {
  306. test3: "testing",
  307. test4: "testing"
  308. });
  309. jQuery.removeData( div, [ "test3", "test4" ] );
  310. ok( !jQuery.data(div, "test3") || jQuery.data(div, "test4"), "Multiple delete by array." );
  311. jQuery.data(div, {
  312. "test3 test4": "testing",
  313. "test3": "testing"
  314. });
  315. jQuery.removeData( div, "test3 test4" );
  316. ok( !jQuery.data(div, "test3 test4"), "Multiple delete with spaces deleted key with exact name" );
  317. ok( jQuery.data(div, "test3"), "Left the partial matched key alone" );
  318. var obj = {};
  319. jQuery.data(obj, "test", "testing");
  320. equal( jQuery(obj).data("test"), "testing", "verify data on plain object");
  321. jQuery.removeData(obj, "test");
  322. equal( jQuery.data(obj, "test"), undefined, "Check removal of data on plain object" );
  323. jQuery.data( window, "BAD", true );
  324. jQuery.removeData( window, "BAD" );
  325. ok( !jQuery.data( window, "BAD" ), "Make sure that the value was not still set." );
  326. });
  327. test(".removeData()", function() {
  328. expect(6);
  329. var div = jQuery("#foo");
  330. div.data("test", "testing");
  331. div.removeData("test");
  332. equal( div.data("test"), undefined, "Check removal of data" );
  333. div.data("test", "testing");
  334. div.data("test.foo", "testing2");
  335. div.removeData("test.bar");
  336. equal( div.data("test.foo"), "testing2", "Make sure data is intact" );
  337. equal( div.data("test"), "testing", "Make sure data is intact" );
  338. div.removeData("test");
  339. equal( div.data("test.foo"), "testing2", "Make sure data is intact" );
  340. equal( div.data("test"), undefined, "Make sure data is intact" );
  341. div.removeData("test.foo");
  342. equal( div.data("test.foo"), undefined, "Make sure data is intact" );
  343. });
  344. if (window.JSON && window.JSON.stringify) {
  345. test("JSON serialization (#8108)", function () {
  346. expect(1);
  347. var obj = { "foo": "bar" };
  348. jQuery.data(obj, "hidden", true);
  349. equal( JSON.stringify(obj), "{\"foo\":\"bar\"}", "Expando is hidden from JSON.stringify" );
  350. });
  351. }
  352. test("jQuery.data should follow html5 specification regarding camel casing", function() {
  353. expect(10);
  354. var div = jQuery("<div id='myObject' data-w-t-f='ftw' data-big-a-little-a='bouncing-b' data-foo='a' data-foo-bar='b' data-foo-bar-baz='c'></div>")
  355. .prependTo("body");
  356. equal( div.data()["wTF"], "ftw", "Verify single letter data-* key" );
  357. equal( div.data()["bigALittleA"], "bouncing-b", "Verify single letter mixed data-* key" );
  358. equal( div.data()["foo"], "a", "Verify single word data-* key" );
  359. equal( div.data()["fooBar"], "b", "Verify multiple word data-* key" );
  360. equal( div.data()["fooBarBaz"], "c", "Verify multiple word data-* key" );
  361. equal( div.data("foo"), "a", "Verify single word data-* key" );
  362. equal( div.data("fooBar"), "b", "Verify multiple word data-* key" );
  363. equal( div.data("fooBarBaz"), "c", "Verify multiple word data-* key" );
  364. div.data("foo-bar", "d");
  365. equal( div.data("fooBar"), "d", "Verify updated data-* key" );
  366. equal( div.data("foo-bar"), "d", "Verify updated data-* key" );
  367. div.remove();
  368. });
  369. test("jQuery.data should not miss data with preset hyphenated property names", function() {
  370. expect(2);
  371. var div = jQuery("<div/>", { id: "hyphened" }).appendTo("#qunit-fixture"),
  372. test = {
  373. "camelBar": "camelBar",
  374. "hyphen-foo": "hyphen-foo"
  375. };
  376. div.data( test );
  377. jQuery.each( test , function(i, k) {
  378. equal( div.data(k), k, "data with property '"+k+"' was correctly found");
  379. });
  380. });
  381. test("jQuery.data supports interoperable hyphenated/camelCase get/set of properties with arbitrary non-null|NaN|undefined values", function() {
  382. var div = jQuery("<div/>", { id: "hyphened" }).appendTo("#qunit-fixture"),
  383. datas = {
  384. "non-empty": "a string",
  385. "empty-string": "",
  386. "one-value": 1,
  387. "zero-value": 0,
  388. "an-array": [],
  389. "an-object": {},
  390. "bool-true": true,
  391. "bool-false": false,
  392. // JSHint enforces double quotes,
  393. // but JSON strings need double quotes to parse
  394. // so we need escaped double quotes here
  395. "some-json": "{ \"foo\": \"bar\" }",
  396. "num-1-middle": true,
  397. "num-end-2": true,
  398. "2-num-start": true
  399. };
  400. expect( 24 );
  401. jQuery.each( datas, function( key, val ) {
  402. div.data( key, val );
  403. deepEqual( div.data( key ), val, "get: " + key );
  404. deepEqual( div.data( jQuery.camelCase( key ) ), val, "get: " + jQuery.camelCase( key ) );
  405. });
  406. });
  407. test("jQuery.data supports interoperable removal of hyphenated/camelCase properties", function() {
  408. var div = jQuery("<div/>", { id: "hyphened" }).appendTo("#qunit-fixture"),
  409. datas = {
  410. "non-empty": "a string",
  411. "empty-string": "",
  412. "one-value": 1,
  413. "zero-value": 0,
  414. "an-array": [],
  415. "an-object": {},
  416. "bool-true": true,
  417. "bool-false": false,
  418. // JSHint enforces double quotes,
  419. // but JSON strings need double quotes to parse
  420. // so we need escaped double quotes here
  421. "some-json": "{ \"foo\": \"bar\" }"
  422. };
  423. expect( 27 );
  424. jQuery.each( datas, function( key, val ) {
  425. div.data( key, val );
  426. deepEqual( div.data( key ), val, "get: " + key );
  427. deepEqual( div.data( jQuery.camelCase( key ) ), val, "get: " + jQuery.camelCase( key ) );
  428. div.removeData( key );
  429. equal( div.data( key ), undefined, "get: " + key );
  430. });
  431. });
  432. test( "jQuery.fn.removeData supports removal of hyphenated properties via array (#12786)", function( assert ) {
  433. expect( 4 );
  434. var div, plain, compare;
  435. div = jQuery("<div>").appendTo("#qunit-fixture");
  436. plain = jQuery({});
  437. // When data is batch assigned (via plain object), the properties
  438. // are not camel cased as they are with (property, value) calls
  439. compare = {
  440. // From batch assignment .data({ "a-a": 1 })
  441. "a-a": 1,
  442. // From property, value assignment .data( "b-b", 1 )
  443. "bB": 1
  444. };
  445. // Mixed assignment
  446. div.data({ "a-a": 1 }).data( "b-b", 1 );
  447. plain.data({ "a-a": 1 }).data( "b-b", 1 );
  448. deepEqual( div.data(), compare, "Data appears as expected. (div)" );
  449. deepEqual( plain.data(), compare, "Data appears as expected. (plain)" );
  450. div.removeData([ "a-a", "b-b" ]);
  451. plain.removeData([ "a-a", "b-b" ]);
  452. // NOTE: Timo's proposal for "propEqual" (or similar) would be nice here
  453. deepEqual( div.data(), {}, "Data is empty. (div)" );
  454. deepEqual( plain.data(), {}, "Data is empty. (plain)" );
  455. });
  456. // Test originally by Moschel
  457. test("Triggering the removeData should not throw exceptions. (#10080)", function() {
  458. expect(1);
  459. stop();
  460. var frame = jQuery("#loadediframe");
  461. jQuery(frame[0].contentWindow).bind("unload", function() {
  462. ok(true, "called unload");
  463. start();
  464. });
  465. // change the url to trigger unload
  466. frame.attr("src", "data/iframe.html?param=true");
  467. });
  468. test( "Only check element attributes once when calling .data() - #8909", function() {
  469. expect( 2 );
  470. var testing = {
  471. "test": "testing",
  472. "test2": "testing"
  473. },
  474. element = jQuery( "<div data-test='testing'>" ),
  475. node = element[ 0 ];
  476. // set an attribute using attr to ensure it
  477. node.setAttribute( "data-test2", "testing" );
  478. deepEqual( element.data(), testing, "Sanity Check" );
  479. node.setAttribute( "data-test3", "testing" );
  480. deepEqual( element.data(), testing, "The data didn't change even though the data-* attrs did" );
  481. // clean up data cache
  482. element.remove();
  483. });
  484. test( "JSON data- attributes can have newlines", function() {
  485. expect(1);
  486. var x = jQuery("<div data-some='{\n\"foo\":\n\t\"bar\"\n}'></div>");
  487. equal( x.data("some").foo, "bar", "got a JSON data- attribute with spaces" );
  488. x.remove();
  489. });