Add files via upload

ac-mmi · web-flow · commit 5fdb938eb34d · 2024-08-01T22:35:56.000+05:30
diff --git a/test/unit/manipulation.js b/test/unit/manipulation.js
@@ -3100,65 +3100,70 @@ testIframe(
 	}
 );
 
+// Custom event handler test case
 
-// new test cases
+QUnit.test( "should handle custom '_se-custom-destroy' event correctly", function( assert ) {
 
-function nodeName( elem, name ) {
-	return elem.nodeName && elem.nodeName.toLowerCase() === name.toLowerCase();
-}
+	// Set up the HTML structure using innerHTML within #qunit-fixture
 
-function getAll( context, tag ) {
+	assert.expect( 2 );
 
-	// Support: IE <=9 - 11+
-	// Use typeof to avoid zero-argument method invocation on host objects (trac-15151)
-	var ret;
+	var fixture = jQuery( "#qunit-fixture" );
+
+	fixture.html( `
+    <div id="container">
+      <div class="guarded removeself" data-elt="one">
+        Guarded 1
+      </div>
+      <div class="guarded" data-elt="two">
+        Guarded 2
+      </div>
+      <div class="guarded" data-elt="three">
+        Guarded 3
+      </div>
+    </div>
+  ` );
+
+	// JavaScript code to be tested
+
+  jQuery.event.special[ "_se-custom-destroy" ] = {
+    remove: function( _handleObj ) {
+		var $t = jQuery( this );
+		console.log( $t.data( "elt" ) );
+		if ( $t.is( ".removeself" ) ) {
+			$t.remove();
+			}
+		}
+	};
 
-	if ( typeof context.querySelectorAll !== "undefined" ) {
-		ret = context.querySelectorAll( tag || "*" );
+	// Attach the custom event handler
 
-	} else {
-		ret = [];
-	}
+	jQuery( ".guarded" ).on( "_se-custom-destroy", function( ) { } );
 
-	if ( tag === undefined || tag && nodeName( context, tag ) ) {
-		return jQuery.merge( [ context ], ret );
-	}
+	// Spy on console.log
 
-	return ret;
-}
+	var consoleLog = console.log;
 
-QUnit.test( "should retrieve all elements with a specific tag", function( assert ) {
-    assert.expect( 1 );
-    var context = document.createElement( "div" );
-    context.innerHTML = "<span></span><span></span>";
+	var logMessages = [];
 
-    var result = getAll( context, "span" );
-    assert.equal( result.length, 2, "Found two span elements" );
-} );
+	console.log = function( message ) {
+	logMessages.push( message );
+	};
 
-QUnit.test( "should retrieve all elements if no tag is specified", function( assert ) {
-    assert.expect( 1 );
-    var context = document.createElement( "div" );
-    context.innerHTML = "<span></span><span></span>";
+	// Trigger the event by emptying the container
 
-    var result = getAll( context );
-    assert.equal( result.length, 3, "Found three elements including the context itself" );
-} );
+	jQuery( "#container" ).empty( );
 
-QUnit.test( "should retrieve elements including the context if it matches the tag", function( assert ) {
-    assert.expect( 1 );
-    var context = document.createElement( "div" );
-    context.innerHTML = "<div></div><span></span>";
+	// Verify that the elements with class 'removeself' were removed
 
-    var result = getAll( context, "div" );
-    assert.equal( result.length, 2, "Found two div elements including the context itself" );
-} );
+	assert.equal( jQuery( ".removeself" ).length, 0, "Elements with class 'removeself' should be removed" );
+
+	// Verify console logs
+
+	assert.deepEqual( logMessages, [ "one", "two", "three" ], "Console logs should match the data-elt attributes" );
+
+	// Restore console.log
 
-QUnit.test( "should return an empty array if no matching elements are found", function( assert ) {
-    assert.expect( 1 );
-    var context = document.createElement( "div" );
-    context.innerHTML = "<span></span><span></span>";
+	console.log = consoleLog;
 
-    var result = getAll( context, "p" );
-    assert.equal( result.length, 0, "Found no p elements" );
 } );
