default.test() — svelte Function Reference

Architecture documentation for the default.test() function in _config.js from the svelte codebase.

Function javascript BuildSystem QualityControl

Entity Profile

BuildSystem→ QualityControl→ default.test() — svelte Function Reference

Dependency Diagram

graph TD
  e290b9ad_f950_59dd_7902_4597feaf0b08["default.test()"]
  ae60fb0d_9be2_211b_f6b7_3a3f6e090308["_config.js"]
  e290b9ad_f950_59dd_7902_4597feaf0b08 -->|defined in| ae60fb0d_9be2_211b_f6b7_3a3f6e090308
  style e290b9ad_f950_59dd_7902_4597feaf0b08 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/tests/runtime-legacy/samples/template/_config.js lines 13–54

	test({ assert, target }) {
		const template = /** @type {HTMLTemplateElement} */ (target.querySelector('#t1'));
		assert.htmlEqual(
			template.innerHTML,
			`
		<div>foo</div>
   	    `
		);
		const content = /** @type {DocumentFragment} */ (template.content.cloneNode(true));
		const div = content.children[0];
		assert.htmlEqual(
			div.outerHTML,
			`
			<div>foo</div>
		`
		);

		const template2 = /** @type {HTMLTemplateElement} */ (target.querySelector('#t2'));
		assert.equal(template2.childNodes.length, 0);
		assert.equal(template2.content.childNodes.length, 1);
		assert.equal(template2.content.firstChild?.textContent, '123');
		assert.htmlEqual(template2.innerHTML, '123');

		const template3 = /** @type {HTMLTemplateElement} */ (target.querySelector('#t3'));
		// test: (with hydration from ssr rendered html)
		// out of order render.
		// <template>1{@html '2'}3</template>  may render as <template>321</template> for ssr+hydration case.
		// we bypass it by using symmetric siblings. hence <template> is not fully stable for this edge case.

		// get all childNodes of template3 except comments
		let childNodes = [];
		for (const node of template3.content.childNodes) {
			if (node.nodeType !== COMMENT_NODE) {
				childNodes.push(/** @type {Element} */ (node));
			}
		}

		assert.equal(childNodes.length, 3);
		assert.equal(childNodes[0].textContent, '1');
		assert.equal(childNodes[1].outerHTML, '<b>B</b>');
		assert.equal(childNodes[2].textContent, '1');
	}