svelte Architecture Docs
Home / Function/ default.test() — svelte Function Reference

default.test() — svelte Function Reference

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

Function javascript BuildSystem MessageProcessor

Entity Profile

Dependency Diagram

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

Relationship Graph

Source Code

packages/svelte/tests/runtime-legacy/samples/transition-js-local-and-global/_config.js lines 8–81

	test({ assert, component, target, raf }) {
		// first, toggle x — first element should snap in
		// and out while second one transitions
		component.x = true;

		let divs = /** @type {NodeListOf<HTMLDivElement & { foo: number }>} */ (
			target.querySelectorAll('div')
		);
		raf.tick(0);
		assert.equal(divs[0].foo, undefined);
		assert.equal(divs[1].foo, 0);

		raf.tick(50);
		assert.equal(divs[0].foo, undefined);
		assert.equal(divs[1].foo, 0.5);

		raf.tick(100);

		component.x = false;
		assert.htmlEqual(
			target.innerHTML,
			`
			<div>snaps if x changes</div>
			<div>transitions if x changes</div>
		`
		);

		raf.tick(150);
		assert.equal(divs[0].foo, undefined);
		assert.equal(divs[1].foo, 0.5);

		raf.tick(200);
		assert.htmlEqual(target.innerHTML, '');

		// then toggle y
		component.y = false;
		component.x = true;
		component.y = true;

		assert.htmlEqual(
			target.innerHTML,
			`
			<div>snaps if x changes</div>
			<div>transitions if x changes</div>
		`
		);
		divs = /** @type {NodeListOf<HTMLDivElement & { foo: number }>} */ (
			target.querySelectorAll('div')
		);

		raf.tick(250);
		assert.equal(divs[0].foo, 0.5);
		assert.equal(divs[1].foo, 0.5);

		raf.tick(300);
		assert.equal(divs[0].foo, 1);
		assert.equal(divs[1].foo, 1);

		component.y = false;
		assert.htmlEqual(
			target.innerHTML,
			`
			<div>snaps if x changes</div>
			<div>transitions if x changes</div>
		`
		);

		raf.tick(320);
		assert.equal(divs[0].foo, 0.8);
		assert.equal(divs[1].foo, 0.8);

		raf.tick(400);
		assert.htmlEqual(target.innerHTML, '');
	}

Domain

Subdomains

Defined In

Source

Frequently Asked Questions

What does default.test() do?
default.test() is a function in the svelte codebase, defined in packages/svelte/tests/runtime-legacy/samples/transition-js-local-and-global/_config.js.
Where is default.test() defined?
default.test() is defined in packages/svelte/tests/runtime-legacy/samples/transition-js-local-and-global/_config.js at line 8.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free