html_equal.js — svelte Source File

Source Code

import { COMMENT_NODE, ELEMENT_NODE, TEXT_NODE } from '#client/constants';
import { assert } from 'vitest';

/**
 * @param {Element} node
 * @param {{ preserveComments: boolean }} opts
 */
function clean_children(node, opts) {
	let previous = null;
	let has_element_children = false;
	let template =
		node.nodeName.toUpperCase() === 'TEMPLATE'
			? /** @type {HTMLTemplateElement} */ (node)
			: undefined;

	if (template) {
		const div = document.createElement('div');
		div.append(template.content);
		node = div;
	}

	// sort attributes
	const attributes = Array.from(node.attributes).sort((a, b) => {
		return a.name < b.name ? -1 : 1;
	});

	attributes.forEach((attr) => {
		if (attr.name !== 'xmlns') node.removeAttribute(attr.name);
	});

	attributes.forEach(({ name, value }) => {
		// Strip out the special onload/onerror hydration events from the test output
		if (['onload', 'onerror', 'xmlns'].includes(name) && value === 'this.__e=event') {
			return;
		}

		if (name === 'class') {
			value = value.replace(/svelte-\w+/, 'svelte-xyz123');
		}

		node.setAttribute(name, value);
	});

	for (let child of [...node.childNodes]) {
		if (child.nodeType === TEXT_NODE) {
			let text = /** @type {Text} */ (child);

			if (
				node.namespaceURI === 'http://www.w3.org/2000/svg' &&
				node.tagName !== 'text' &&
				node.tagName !== 'tspan'
			) {
				node.removeChild(child);
				continue;
			}

			text.data = text.data.replace(/[^\S]+/g, ' ');

			if (previous && previous.nodeType === TEXT_NODE) {
				const prev = /** @type {Text} */ (previous);
// ... (133 more lines)