@wordpress/e2e-tests/plugins/interactive-blocks/tovdom/processing-instructions.js

Test plugins and mu-plugins for E2E tests in WordPress.

const processingInstructions = `
	<div>
		<div>Processing instruction is <?xpacket ##last-child## ?></div>
		<?xpacket ##1## ?>
		<div data-testid="it should keep this node between processing instructions">
			Processing instructions inner node
			<?xpacket ##2## ?>
		</div>
	</div>
	`;

const processingInstructionsElement = new DOMParser()
	.parseFromString( processingInstructions, 'text/xml' )
	.querySelector( 'div' );
document
	.getElementById( 'replace-with-processing-instructions' )
	.replaceWith( processingInstructionsElement );