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

Relationship Graph

Source Code

packages/svelte/tests/runtime-legacy/samples/if-block-else-update/_config.js lines 5–68

	test({ assert, target, window }) {
		const [btn1, btn2] = target.querySelectorAll('button');

		const clickEvent = new window.Event('click', { bubbles: true });

		btn2.dispatchEvent(clickEvent);
		flushSync();

		assert.htmlEqual(
			target.innerHTML,
			`
			<button>Toggle foo</button>
			<button>Toggle bar</button>
			<hr>
			foo: false, bar: true
			<hr>
			bar!
		`
		);

		btn1.dispatchEvent(clickEvent);
		flushSync();

		assert.htmlEqual(
			target.innerHTML,
			`
			<button>Toggle foo</button>
			<button>Toggle bar</button>
			<hr>
			foo: true, bar: true
			<hr>
			foo!
		`
		);

		btn2.dispatchEvent(clickEvent);
		flushSync();

		assert.htmlEqual(
			target.innerHTML,
			`
			<button>Toggle foo</button>
			<button>Toggle bar</button>
			<hr>
			foo: true, bar: false
			<hr>
			foo!
		`
		);

		btn1.dispatchEvent(clickEvent);
		flushSync();

		assert.htmlEqual(
			target.innerHTML,
			`
			<button>Toggle foo</button>
			<button>Toggle bar</button>
			<hr>
			foo: false, bar: false
			<hr>
		`
		);
	}