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
  fc5e1745_ccb2_ff2b_980c_0b1d907a0f62["default.test()"]
  af859e33_0c28_d4c8_58f1_f28a926cf9bc["_config.js"]
  fc5e1745_ccb2_ff2b_980c_0b1d907a0f62 -->|defined in| af859e33_0c28_d4c8_58f1_f28a926cf9bc
  07d76165_84db_aa3e_f8fc_c7c9c3a10163["test()"]
  fc5e1745_ccb2_ff2b_980c_0b1d907a0f62 -->|calls| 07d76165_84db_aa3e_f8fc_c7c9c3a10163
  1816816e_8648_e5b0_0489_f7c9e44f208a["tick()"]
  fc5e1745_ccb2_ff2b_980c_0b1d907a0f62 -->|calls| 1816816e_8648_e5b0_0489_f7c9e44f208a
  4fefbd08_d272_ff47_898c_b7a7dd40c288["deepEqual()"]
  fc5e1745_ccb2_ff2b_980c_0b1d907a0f62 -->|calls| 4fefbd08_d272_ff47_898c_b7a7dd40c288
  style fc5e1745_ccb2_ff2b_980c_0b1d907a0f62 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/tests/runtime-browser/custom-elements-samples/host-rune/_config.js lines 5–27

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

		/** @type {string[]} */
		const events = [];
		const handle_evt = (e) => events.push(e.type, e.detail);
		el.addEventListener('greeting', handle_evt);

		await tick();

		el.shadowRoot.querySelectorAll('button')[0].click();
		el.shadowRoot.querySelectorAll('button')[1].click();
		el.shadowRoot.querySelectorAll('button')[2].click();
		assert.deepEqual(events, ['greeting', 'hello', 'greeting', 'welcome', 'greeting', 'bonjour']);

		el.removeEventListener('greeting', handle_evt);
		el.shadowRoot.querySelectorAll('button')[0].click();
		el.shadowRoot.querySelectorAll('button')[1].click();
		el.shadowRoot.querySelectorAll('button')[2].click();
		assert.deepEqual(events, ['greeting', 'hello', 'greeting', 'welcome', 'greeting', 'bonjour']);
	}