default.test() — svelte Function Reference

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

Function javascript BuildSystem QualityControl

Entity Profile

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

Dependency Diagram

graph TD
  516859e1_35cd_4b1f_aa18_c1342b01359f["default.test()"]
  e5705fed_5e7e_92c7_c023_870e6f4f70b9["_config.js"]
  516859e1_35cd_4b1f_aa18_c1342b01359f -->|defined in| e5705fed_5e7e_92c7_c023_870e6f4f70b9
  style 516859e1_35cd_4b1f_aa18_c1342b01359f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/tests/runtime-runes/samples/transition-if/_config.js lines 5–27

	test({ assert, raf, target }) {
		const [x, y] = target.querySelectorAll('button');

		// Set second part of condition to false first...
		y.click();
		flushSync();
		raf.tick(50);
		assert.htmlEqual(
			target.innerHTML,
			'<button>toggle x</button> <button>toggle y</button> <p foo="0.5">hello</p>'
		);

		// ...so that when both are toggled the block condition runs again
		x.click();
		flushSync();
		assert.htmlEqual(
			target.innerHTML,
			'<button>toggle x</button> <button>toggle y</button> <p foo="0.5">hello</p>'
		);

		raf.tick(100);
		assert.htmlEqual(target.innerHTML, '<button>toggle x</button> <button>toggle y</button>');
	}