default.test() — svelte Function Reference

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

Function javascript BuildSystem MessageProcessor calls 2

Entity Profile

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

Dependency Diagram

graph TD
  6efc3a09_3a59_591a_6c68_e24abbfb69f2["default.test()"]
  a049268e_fc6f_edb9_be40_351e268fab4d["_config.js"]
  6efc3a09_3a59_591a_6c68_e24abbfb69f2 -->|defined in| a049268e_fc6f_edb9_be40_351e268fab4d
  07d76165_84db_aa3e_f8fc_c7c9c3a10163["test()"]
  6efc3a09_3a59_591a_6c68_e24abbfb69f2 -->|calls| 07d76165_84db_aa3e_f8fc_c7c9c3a10163
  b6b50867_b82d_6e21_1ea5_f22e93a7c3af["equal()"]
  6efc3a09_3a59_591a_6c68_e24abbfb69f2 -->|calls| b6b50867_b82d_6e21_1ea5_f22e93a7c3af
  style 6efc3a09_3a59_591a_6c68_e24abbfb69f2 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/tests/runtime-browser/samples/css-props-dynamic-component/_config.js lines 6–15

	async test({ assert, target }) {
		const btn = target.querySelector('button');
		let div = /** @type {HTMLElement} */ (target.querySelector('div'));
		assert.equal(getComputedStyle(div).color, 'rgb(255, 0, 0)');
		flushSync(() => {
			btn?.click();
		});
		div = /** @type {HTMLElement} */ (target.querySelector('div'));
		assert.equal(getComputedStyle(div).color, 'rgb(255, 0, 0)');
	}