default.test() — svelte Function Reference

Architecture documentation for the default.test() function in _config.js from the svelte codebase.

Function javascript BuildSystem MessageProcessor calls 3

Entity Profile

BuildSystem→ MessageProcessor→ default.test() — svelte Function Reference

Dependency Diagram

graph TD
  ed9acb74_2a09_aa65_9669_d953009d9ce6["default.test()"]
  c8259962_b8a2_77cc_1a26_8b2b0c18631a["_config.js"]
  ed9acb74_2a09_aa65_9669_d953009d9ce6 -->|defined in| c8259962_b8a2_77cc_1a26_8b2b0c18631a
  07d76165_84db_aa3e_f8fc_c7c9c3a10163["test()"]
  ed9acb74_2a09_aa65_9669_d953009d9ce6 -->|calls| 07d76165_84db_aa3e_f8fc_c7c9c3a10163
  2d4e7b5f_0266_1adf_8ac3_d5e335cad67d["tick()"]
  ed9acb74_2a09_aa65_9669_d953009d9ce6 -->|calls| 2d4e7b5f_0266_1adf_8ac3_d5e335cad67d
  4fefbd08_d272_ff47_898c_b7a7dd40c288["deepEqual()"]
  ed9acb74_2a09_aa65_9669_d953009d9ce6 -->|calls| 4fefbd08_d272_ff47_898c_b7a7dd40c288
  style ed9acb74_2a09_aa65_9669_d953009d9ce6 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/tests/runtime-browser/custom-elements-samples/events/_config.js lines 5–37

	async test({ assert, target }) {
		target.innerHTML = '<custom-element></custom-element>';
		/** @type {any} */
		const el = target.querySelector('custom-element');

		/** @type {string[]} */
		const events = [];
		const custom_before = () => {
			events.push('before');
		};
		const click_before = () => {
			events.push('click_before');
		};
		el.addEventListener('custom', custom_before);
		el.addEventListener('click', click_before);

		await tick();

		el.addEventListener('custom', (e) => {
			events.push(e.detail);
		});
		el.addEventListener('click', () => {
			events.push('click');
		});

		el.shadowRoot.querySelector('button').click();
		assert.deepEqual(events, ['before', 'foo', 'click_before', 'click']);

		el.removeEventListener('custom', custom_before);
		el.removeEventListener('click', click_before);
		el.shadowRoot.querySelector('button').click();
		assert.deepEqual(events, ['before', 'foo', 'click_before', 'click', 'foo', 'click']);
	}