Manipulation: Allow to restore the legacy jQuery.htmlPrefilter

mgol · web-flow · commit 7b1ff32d3922 · 2020-03-24T14:40:27.000+01:00
Closes jquerygh-328
diff --git a/Gruntfile.js b/Gruntfile.js
@@ -20,6 +20,7 @@ module.exports = function( grunt ) {
 			"src/data.js",
 			"src/effects.js",
 			"src/event.js",
+			"src/manipulation.js",
 			"src/offset.js",
 			"src/serialize.js",
 			"src/traversing.js",
@@ -130,6 +131,7 @@ module.exports = function( grunt ) {
 					"test/deferred.js",
 					"test/effects.js",
 					"test/event.js",
+					"test/manipulation.js",
 					"test/offset.js",
 					"test/serialize.js",
 					"test/traversing.js",
diff --git a/src/manipulation.js b/src/manipulation.js
@@ -0,0 +1,7 @@
+var rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([a-z][^\/\0>\x20\t\r\n\f]*)[^>]*)\/>/gi;
+
+jQuery.UNSAFE_restoreLegacyHtmlPrefilter = function() {
+	jQuery.htmlPrefilter = function( html ) {
+		return html.replace( rxhtmlTag, "<$1></$2>" );
+	};
+};
diff --git a/test/index.html b/test/index.html
@@ -32,12 +32,13 @@
 	<script src="attributes.js"></script>
 	<script src="css.js"></script>
 	<script src="data.js"></script>
+	<script src="effects.js"></script>
 	<script src="event.js"></script>
+	<script src="manipulation.js"></script>
 	<script src="offset.js"></script>
 	<script src="serialize.js"></script>
 	<script src="traversing.js"></script>
 	<script src="deferred.js"></script>
-	<script src="effects.js"></script>
 </head>
 <body>
 	<div id="qunit"></div>
diff --git a/test/manipulation-UNSAFE_restoreLegacyHtmlPrefilter.html b/test/manipulation-UNSAFE_restoreLegacyHtmlPrefilter.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<title>jQuery Migrate manipulation jQuery.UNSAFE_restoreLegacyHtmlPrefilter iframe test</title>
+
+	<!-- Load a jQuery and jquery-migrate plugin file based on URL -->
+	<script src="testinit.js"></script>
+	<script>
+		TestManager.loadProject( "jquery", "git" );
+	</script>
+	<script src="iframeTest.js"></script>
+	<script>
+		jQuery.noConflict();
+		TestManager.loadProject( "jquery-migrate", "dev", true );
+	</script>
+	<script>
+		jQuery.UNSAFE_restoreLegacyHtmlPrefilter();
+
+		var elem = jQuery( "<div/><span/>" ),
+			childCount = elem.length,
+			firstNodeName = elem[ 0 ] && elem[ 0 ].nodeName.toLowerCase(),
+			secondNodeName = elem[ 1 ] && elem[ 1 ].nodeName.toLowerCase();
+
+		startIframeTest( childCount, firstNodeName, secondNodeName );
+	</script>
+</head>
+<body>
+	<p>jQuery Migrate</p>
+</body>
+</html>
diff --git a/test/manipulation.js b/test/manipulation.js
@@ -0,0 +1,14 @@
+"use strict";
+
+QUnit.module( "manipulation" );
+
+// Do this as iframe because there is no way to undo `jQuery.UNSAFE_restoreLegacyHtmlPrefilter()`
+TestManager.runIframeTest( "jQuery.UNSAFE_restoreLegacyHtmlPrefilter",
+	"manipulation-UNSAFE_restoreLegacyHtmlPrefilter.html",
+	function( assert, jQuery, window, document, log, childCount, firstNodeName, secondNodeName ) {
+		assert.expect( 3 );
+
+		assert.strictEqual( childCount, 2, "Proper child count" );
+		assert.strictEqual( firstNodeName, "div", "Proper first element" );
+		assert.strictEqual( secondNodeName, "span", "Proper second element" );
+	} );
