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

Relationship Graph

Source Code

packages/svelte/tests/runtime-runes/samples/form-default-value/_config.js lines 5–262

	async test({ assert, target }) {
		/**
		 * @param {NodeListOf<any>} inputs
		 * @param {string} field
		 * @param {any | any[]} value
		 */
		function check_inputs(inputs, field, value) {
			for (let i = 0; i < inputs.length; i++) {
				assert.equal(inputs[i][field], Array.isArray(value) ? value[i] : value, `field ${i}`);
			}
		}

		/**
		 * @param {any} input
		 * @param {string} field
		 * @param {any} value
		 */
		function set_input(input, field, value) {
			input[field] = value;
			input.dispatchEvent(
				new Event(typeof value === 'boolean' ? 'change' : 'input', { bubbles: true })
			);
		}

		/**
		 * @param {HTMLOptionElement} option
		 */
		function select_option(option) {
			option.selected = true;
			option.dispatchEvent(new Event('change', { bubbles: true }));
		}

		const after_reset = [];

		const reset = /** @type {HTMLInputElement} */ (target.querySelector('input[type=reset]'));
		const [test1, test2, test3, test4, test5, test6, test7, test14] =
			target.querySelectorAll('div');
		const [test8, test9, test10, test11] = target.querySelectorAll('select');
		const [
			test1_span,
			test2_span,
			test3_span,
			test4_span,
			test5_span,
			test6_span,
			test7_span,
			test8_span,
			test9_span,
			test10_span,
			test11_span
		] = target.querySelectorAll('span');

		{
			/** @type {NodeListOf<HTMLInputElement | HTMLTextAreaElement>} */
			const inputs = test1.querySelectorAll('input, textarea');
			check_inputs(inputs, 'value', 'x');
			assert.htmlEqual(test1_span.innerHTML, 'x x x x');

			for (const input of inputs) {
				set_input(input, 'value', 'foo');
			}
			flushSync();
			check_inputs(inputs, 'value', 'foo');
			assert.htmlEqual(test1_span.innerHTML, 'foo foo foo foo');

			after_reset.push(() => {
				check_inputs(inputs, 'value', 'x');
				assert.htmlEqual(test1_span.innerHTML, 'x x x x');
			});
		}

		{
			/** @type {NodeListOf<HTMLInputElement | HTMLTextAreaElement>} */
			const inputs = test2.querySelectorAll('input, textarea');
			check_inputs(inputs, 'value', 'x');
			assert.htmlEqual(test2_span.innerHTML, 'x x x x');

			for (const input of inputs) {
				set_input(input, 'value', 'foo');
			}
			flushSync();