Data: Restore preference for kebab-case names and warn about it

Fixes #87
Closes #161

Author: dmethvin

Gruntfile.js

@@ -24,6 +24,7 @@ module.exports = function( grunt ) {
 			"src/core.js",
 			"src/ajax.js",
 			"src/css.js",
+			"src/data.js",
 			"src/effects.js",
 			"src/event.js",
 			"src/offset.js",

src/data.js

@@ -0,0 +1,19 @@
+var oldData = jQuery.data;
+
+jQuery.data = function( elem, name, value ) {
+	var curData;
+
+	// If the name is transformed, look for the un-transformed name in the data object
+	if ( name && name !== jQuery.camelCase( name ) ) {
+		curData = jQuery.hasData( elem ) && oldData.call( this, elem );
+		if ( curData && name in curData ) {
+			migrateWarn( "jQuery.data() always sets/gets camelCased names: " + name );
+			if ( arguments.length > 2 ) {
+				curData[ name ] = value;
+			}
+			return curData[ name ];
+		}
+	}
+
+	return oldData.apply( this, arguments );
+};

test/data.js

@@ -0,0 +1,52 @@
+module( "data" );
+
+test( "jQuery.data() camelCased names", function( assert ) {
+
+	var sames = [
+			"datum",
+			"ropeAdope",
+			"Олег\u0007Michał",
+			"already-Big",
+			"number-2",
+			"unidash-"
+		],
+		diffs = [
+			"dat-data",
+			"hangy-dasher-",
+			"-dashy-hanger"
+		];
+
+	assert.expect( 16 );
+
+	var curData,
+		div = document.createElement( "div" );
+
+	// = .hasData + noWarning
+	expectNoWarning( "No existing data object", function() {
+		sames.concat( diffs ).forEach( function( name ) {
+			jQuery.data( div, name );
+		} );
+		assert.equal( jQuery.hasData( div ), false, "data probes did not fill a data object" );
+	} );
+
+	// = sames.length + diffs.length + noWarning
+	expectNoWarning( "Data set/get without warning via API", function() {
+		sames.concat( diffs ).forEach( function( name, index ) {
+			jQuery.data( div, name, index );
+			assert.equal( jQuery.data( div, name ), index, name + "=" + index );
+		} );
+	} );
+
+	// Camelized values set for all names above, get the data object
+	curData = jQuery.data( div );
+
+	// = diffs.length + warning
+	expectWarning( "Dashed name conflicts", diffs.length, function() {
+		diffs.forEach( function( name, index ) {
+			curData[ name ] = index;
+			assert.equal( jQuery.data( div, name ), curData[ name ],
+				name + " respects data object" );
+		} );
+	} );
+
+} );

test/index.html

@@ -28,6 +28,7 @@
 	<script src="core.js"></script>
 	<script src="ajax.js"></script>
 	<script src="css.js"></script>
+	<script src="data.js"></script>
 	<script src="event.js"></script>
 	<script src="offset.js"></script>
 	<script src="traversing.js"></script>

test/testinit.js

@@ -24,6 +24,7 @@ TestManager = {
 				"core",
 				"ajax",
 				"css",
+				"data",
 				"effects",
 				"event",
 				"offset",

warnings.md

@@ -64,6 +64,12 @@ This is _not_ a warning, but a console log message the plugin shows when it firs
 
 **Solution**: Replace any use of `.size()` with `.length`.
 
+### JQMIGRATE: jQuery.data() always sets/gets camelCased names
+
+**Cause:** The page is attempting to set or get a jQuery data item using kebab case, e.g. `my-data`, when a `my-data` item  has been set directly on the jQuery data object. jQuery 3.0 always exclusively uses camel case, e.g., `myData`, when it accesses data items via the `.data()` API and does not find kebab case data in that object.
+
+**Solution:** Either 1) Always use the `.data()` API to set or get data items, 2) Always use camelCase names when also setting properties directly on jQuery's data object, or 3) Always set properties directly on the data object without using the API call to set or get data by name. Never mix direct access to the data object and API calls with kebab case names.
+
 ### JQMIGRATE: jQuery.fn.offset() requires a valid DOM element
 ### JQMIGRATE: jQuery.fn.offset() requires an element connected to a document