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

Relationship Graph

Source Code

packages/svelte/tests/runtime-legacy/samples/binding-select-unmatched-2/_config.js lines 17–111

	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(