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

Relationship Graph

Source Code

packages/svelte/tests/runtime-legacy/samples/binding-indirect-spread/_config.js lines 13–57

	async test({ assert, component, target, window }) {
		const event = new window.MouseEvent('click');

		const [radio1, radio2, radio3] = /** @type {NodeListOf<HTMLInputElement>} */ (
			target.querySelectorAll('input[type=radio]')
		);

		assert.ok(!radio1.checked);
		assert.ok(radio2.checked);
		assert.ok(!radio3.checked);

		component.radio = 'radio1';

		assert.ok(radio1.checked);
		assert.ok(!radio2.checked);
		assert.ok(!radio3.checked);

		await radio3.dispatchEvent(event);

		assert.equal(component.radio, 'radio3');
		assert.ok(!radio1.checked);
		assert.ok(!radio2.checked);
		assert.ok(radio3.checked);

		const [check1, check2, check3] = /** @type {NodeListOf<HTMLInputElement>} */ (
			target.querySelectorAll('input[type=checkbox]')
		);

		assert.ok(!check1.checked);
		assert.ok(check2.checked);
		assert.ok(!check3.checked);

		component.check = ['check1', 'check2'];

		assert.ok(check1.checked);
		assert.ok(check2.checked);
		assert.ok(!check3.checked);

		await check3.dispatchEvent(event);

		assert.deepEqual(component.check, ['check1', 'check2', 'check3']);
		assert.ok(check1.checked);
		assert.ok(check2.checked);
		assert.ok(check3.checked);
	}