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
  1b91daab_a87b_564a_501d_0934928f1ddc["default.test()"]
  449bd941_9b6e_fd41_f297_0284984ea5e9["_config.js"]
  1b91daab_a87b_564a_501d_0934928f1ddc -->|defined in| 449bd941_9b6e_fd41_f297_0284984ea5e9
  style 1b91daab_a87b_564a_501d_0934928f1ddc fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/tests/runtime-runes/samples/style-directive-mutations/_config.js lines 45–94

	async test({ target, assert, component, instance }) {
		flushSync();
		tick();
		assert.deepEqual(instance.get_and_clear_mutations(), ['MAIN']);

		let divs = target.querySelectorAll('div');

		// Note : we cannot compare HTML because set_style() use dom.style.cssText
		// which can alter the format of the attribute...

		divs.forEach((d) => assert.equal(d.style.margin, ''));
		divs.forEach((d) => assert.equal(d.style.color, 'red'));
		divs.forEach((d) => assert.equal(d.style.fontSize, '18px'));

		component.margin = '1px';
		flushSync();
		assert.deepEqual(
			instance.get_and_clear_mutations(),
			['DIV', 'DIV', 'DIV', 'DIV', 'DIV', 'DIV', 'DIV', 'DIV', 'DIV'],
			'margin'
		);
		divs.forEach((d) => assert.equal(d.style.margin, '1px'));

		component.color = 'yellow';
		flushSync();
		assert.deepEqual(
			instance.get_and_clear_mutations(),
			['DIV', 'DIV', 'DIV', 'DIV', 'DIV', 'DIV', 'DIV', 'DIV', 'DIV'],
			'color'
		);
		divs.forEach((d) => assert.equal(d.style.color, 'yellow'));

		component.fontSize = '10px';
		flushSync();
		assert.deepEqual(
			instance.get_and_clear_mutations(),
			['DIV', 'DIV', 'DIV', 'DIV', 'DIV', 'DIV', 'DIV', 'DIV', 'DIV'],
			'fontSize'
		);
		divs.forEach((d) => assert.equal(d.style.fontSize, '10px'));

		component.fontSize = null;
		flushSync();
		assert.deepEqual(
			instance.get_and_clear_mutations(),
			['DIV', 'DIV', 'DIV', 'DIV', 'DIV', 'DIV', 'DIV', 'DIV', 'DIV'],
			'fontSize'
		);
		divs.forEach((d) => assert.equal(d.style.fontSize, ''));
	}