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

Relationship Graph

Source Code

packages/svelte/tests/runtime-legacy/samples/binding-select-unmatched-3/_config.js lines 9–34

	async test({ assert, component, target }) {
		const select = target.querySelector('select');
		ok(select);
		const options = target.querySelectorAll('option');

		// first option should be selected by default since no value was bound
		assert.equal(component.selected, 'a');
		assert.equal(select.value, 'a');
		assert.ok(options[0].selected);

		// remove the selected item, so the bound value no longer matches anything
		component.items = ['b', 'c'];

		// There's a MutationObserver
		await Promise.resolve();

		// now no option should be selected
		assert.equal(select.value, '');
		assert.equal(select.selectedIndex, -1);

		// model of selected value should be kept around, even if it is not in the list
		assert.htmlEqual(
			target.innerHTML,
			`<p>selected: a</p><select><option>b</option><option>c</option></select>`
		);
	}