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
  61056020_aeb9_996c_1d87_4dae9de0f356["default.test()"]
  9bab6a78_42c5_b064_0abf_14b3a7b0c4a6["_config.js"]
  61056020_aeb9_996c_1d87_4dae9de0f356 -->|defined in| 9bab6a78_42c5_b064_0abf_14b3a7b0c4a6
  07d76165_84db_aa3e_f8fc_c7c9c3a10163["test()"]
  61056020_aeb9_996c_1d87_4dae9de0f356 -->|calls| 07d76165_84db_aa3e_f8fc_c7c9c3a10163
  90dbe691_d942_6744_4a65_26f95d475412["tick()"]
  61056020_aeb9_996c_1d87_4dae9de0f356 -->|calls| 90dbe691_d942_6744_4a65_26f95d475412
  b6b50867_b82d_6e21_1ea5_f22e93a7c3af["equal()"]
  61056020_aeb9_996c_1d87_4dae9de0f356 -->|calls| b6b50867_b82d_6e21_1ea5_f22e93a7c3af
  style 61056020_aeb9_996c_1d87_4dae9de0f356 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

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

	async test({ assert, target }) {
		target.innerHTML = '<custom-element></custom-element>';
		await tick();
		await tick();

		assert.equal(target.innerHTML, '<custom-element></custom-element>');

		/** @type {any} */
		const el = target.querySelector('custom-element');
		const widget = el.shadowRoot.querySelector('my-widget');

		const [p1, p2, p3, p4] = widget.shadowRoot.querySelectorAll('p');

		assert.equal(p1.textContent, '3 items');
		assert.equal(p2.textContent, 'a, b, c');
		assert.equal(p3.textContent, 'not flagged');
		assert.equal(p4.textContent, 'flagged (static attribute)');

		el.items = ['d', 'e', 'f', 'g', 'h'];
		el.flagged = true;
		await tick();
		await tick();

		assert.equal(p1.textContent, '5 items');
		assert.equal(p2.textContent, 'd, e, f, g, h');
		assert.equal(p3.textContent, 'flagged (dynamic attribute)');
	}