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

Relationship Graph

Source Code

packages/svelte/tests/runtime-legacy/samples/binding-select-unmatched/_config.js lines 16–110

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

		const options = [...target.querySelectorAll('option')];

		assert.equal(component.selected, null);

		// no option should be selected since none of the options matches the bound value
		assert.equal(select.value, '');
		assert.equal(select.selectedIndex, -1);
		assert.ok(!options[0].selected);

		component.selected = 'a'; // first option should now be selected
		assert.equal(select.value, 'a');
		assert.ok(options[0].selected);

		assert.htmlEqual(
			target.innerHTML,
			`
			<p>selected: a</p>

			<select>
				<option>a</option>
				<option>b</option>
				<option>c</option>
			</select>

			<p>selected: a</p>
		`
		);

		component.selected = 'd'; // doesn't match an option

		// now no option should be selected again
		assert.equal(select.value, '');
		assert.equal(select.selectedIndex, -1);
		assert.ok(!options[0].selected);

		assert.htmlEqual(
			target.innerHTML,
			`
			<p>selected: d</p>

			<select>
				<option>a</option>
				<option>b</option>
				<option>c</option>
			</select>

			<p>selected: d</p>
		`
		);

		component.selected = 'b'; // second option should now be selected
		assert.equal(select.value, 'b');
		assert.ok(options[1].selected);

		assert.htmlEqual(
			target.innerHTML,
			`
			<p>selected: b</p>

			<select>
				<option>a</option>
				<option>b</option>
				<option>c</option>
			</select>

			<p>selected: b</p>
		`
		);

		component.selected = undefined; // also doesn't match an option

		// now no option should be selected again
		assert.equal(select.value, '');
		assert.equal(select.selectedIndex, -1);
		assert.ok(!options[0].selected);

		assert.htmlEqual(