Function testAppend

test/unit/manipulation.js:197–306

( valueObj, assert )

}

function testAppend( valueObj, assert ) {

	assert.expect( 82 );

	testAppendForObject( valueObj, false, assert );
	testAppendForObject( valueObj, true, assert );

	var defaultText, result, message, iframe, iframeDoc, j, d,
		$input, $radioChecked, $radioUnchecked, $radioParent, $map, $table;

	defaultText = "Try them out:";
	result = jQuery( "#first" ).append( valueObj( "<b>buga</b>" ) );

	assert.equal( result.text(), defaultText + "buga", "Check if text appending works" );
	assert.equal( jQuery( "#select3" ).append( valueObj( "<option value='appendTest'>Append Test</option>" ) ).find( "option:last-child" ).attr( "value" ), "appendTest", "Appending html options to select element" );

	jQuery( "#qunit-fixture form" ).append( valueObj( "<input name='radiotest' type='radio' checked='checked' />" ) );
	jQuery( "#qunit-fixture form input[name=radiotest]" ).each( function() {
		assert.ok( jQuery( this ).is( ":checked" ), "Append checked radio" );
	} ).remove();

	jQuery( "#qunit-fixture form" ).append( valueObj( "<input name='radiotest2' type='radio' checked    =   'checked' />" ) );
	jQuery( "#qunit-fixture form input[name=radiotest2]" ).each( function() {
		assert.ok( jQuery( this ).is( ":checked" ), "Append alternately formatted checked radio" );
	} ).remove();

	jQuery( "#qunit-fixture form" ).append( valueObj( "<input name='radiotest3' type='radio' checked />" ) );
	jQuery( "#qunit-fixture form input[name=radiotest3]" ).each( function() {
		assert.ok( jQuery( this ).is( ":checked" ), "Append HTML5-formatted checked radio" );
	} ).remove();

	jQuery( "#qunit-fixture form" ).append( valueObj( "<input type='radio' checked='checked' name='radiotest4' />" ) );
	jQuery( "#qunit-fixture form input[name=radiotest4]" ).each( function() {
		assert.ok( jQuery( this ).is( ":checked" ), "Append with name attribute after checked attribute" );
	} ).remove();

	message = "Test for appending a DOM node to the contents of an iframe";
	iframe = jQuery( "#iframe" )[ 0 ];
	iframeDoc = iframe.contentDocument || iframe.contentWindow && iframe.contentWindow.document;

	try {
		if ( iframeDoc && iframeDoc.body ) {
			assert.equal( jQuery( iframeDoc.body ).append( valueObj( "<div id='success'>test</div>" ) )[ 0 ].lastChild.id, "success", message );
		} else {
			assert.ok( true, message + " - can't test" );
		}
	} catch ( e ) {
		assert.strictEqual( e.message || e, undefined, message );
	}

	jQuery( "<fieldset></fieldset>" ).appendTo( "#form" ).append( valueObj( "<legend id='legend'>test</legend>" ) );
	assert.t( "Append legend", "#legend", [ "legend" ] );

	$map = jQuery( "<map></map>" ).append( valueObj( "<area id='map01' shape='rect' coords='50,50,150,150' href='https://www.jquery.com/' alt='jQuery'>" ) );

	assert.equal( $map[ 0 ].childNodes.length, 1, "The area was inserted." );
	assert.equal( $map[ 0 ].firstChild.nodeName.toLowerCase(), "area", "The area was inserted." );