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
  a21106f6_0364_4473_735e_42ec18016cd1["default.test()"]
  6405b70d_9246_4ccc_020e_dd2a67e042f8["_config.js"]
  a21106f6_0364_4473_735e_42ec18016cd1 -->|defined in| 6405b70d_9246_4ccc_020e_dd2a67e042f8
  style a21106f6_0364_4473_735e_42ec18016cd1 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/tests/runtime-legacy/samples/binding-store/_config.js lines 19–63

	test({ assert, component, target, window }) {
		const input = target.querySelector('input');
		ok(input);
		assert.equal(input.value, 'world');

		const event = new window.Event('input');

		/** @type {string[]} */
		const names = [];

		// @ts-ignore
		const unsubscribe = component.name.subscribe((name) => {
			names.push(name);
		});

		input.value = 'everybody';
		input.dispatchEvent(event);
		flushSync();

		assert.htmlEqual(
			target.innerHTML,
			`
			<input>
			<p>hello everybody</p>
			<textarea></textarea>
			<div contenteditable="true">everybody</div>
		`
		);

		component.name.set('goodbye');
		flushSync();
		assert.equal(input.value, 'goodbye');
		assert.htmlEqual(
			target.innerHTML,
			`
			<input>
			<p>hello goodbye</p>
			<textarea></textarea>
			<div contenteditable="true">goodbye</div>
		`
		);

		assert.deepEqual(names, ['world', 'everybody', 'goodbye']);
		unsubscribe();
	}