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

Relationship Graph

Source Code

packages/svelte/tests/runtime-runes/samples/event-attribute-not-hoistable/_config.js lines 7–33

	test({ assert, target }) {
		const [btn1, btn2, btn3] = target.querySelectorAll('button');

		flushSync(() => {
			btn1.click();
		});

		assert.htmlEqual(target.innerHTML, '<button>1</button><button>x0</button><button>y0</button>');

		flushSync(() => {
			btn1.dispatchEvent(new MouseEvent('mouseenter'));
		});

		assert.htmlEqual(target.innerHTML, '<button>2</button><button>x0</button><button>y0</button>');

		flushSync(() => {
			btn2.click();
		});

		assert.htmlEqual(target.innerHTML, '<button>2</button><button>x1</button><button>y0</button>');

		flushSync(() => {
			btn3.click();
		});

		assert.htmlEqual(target.innerHTML, '<button>2</button><button>x1</button><button>y1</button>');
	}