default.test() — svelte Function Reference

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

Function javascript BuildSystem MessageProcessor

Entity Profile

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

Dependency Diagram

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

Relationship Graph

Source Code

packages/svelte/tests/runtime-runes/samples/style-update/_config.js lines 22–64

	async test({ assert, target, component }) {
		component.style = style_2;
		flushSync();

		assert.htmlEqual(
			target.innerHTML,
			`
			<div style="${style_2_normalized}"></div>
			<div style="${style_2_normalized}"></div>

			<custom-element style="${style_2_normalized}"></custom-element>
			<custom-element style="${style_2_normalized}"></custom-element>
			`
		);

		component.style = '';
		flushSync();

		assert.htmlEqual(
			target.innerHTML,
			`
			<div style=""></div>
			<div style=""></div>

			<custom-element style=""></custom-element>
			<custom-element style=""></custom-element>
			`
		);

		component.style = null;
		flushSync();

		assert.htmlEqual(
			target.innerHTML,
			`
			<div></div>
			<div></div>

			<custom-element></custom-element>
			<custom-element></custom-element>
			`
		);
	}